带有文本框/隐藏输入的选择选项值？ [英] Feed select option value with textbox/hidden input?

问题描述

我目前希望获得以下值（id =categoryid）...

 < button class =btn btn-info btn-smonClick =MM_setTextOfTextfield（'categoryid'，''，'1'）data-toggle =modaldata-target =＃AddNotesModal>< i class =fa fa-plus>< / i>添加备注
< / button> 
 
< input type =textclass =form-controlid =categoryid> 
  

进入下面的选项值。

 < select name =Categoryrequired class =form-control> 
< option value =>选择...< / option> 
< option value =______><％=（rsNtsC.Fields.Item（NotesCategory）。Value）％>< / option> 
  

我该如何去做这件事？如有必要，我对jQuery，AJAX和javascript解决方案开放。

非常感谢

编辑：
在我当前的设置中，使用SQL数据库中的值作为ID号，就像这样。我主要考虑用任何文本框取代数据库中的值：

 < select name =Category required class =form-control> 
< option value =>选择...< / option> 
 <％
虽然（不是rsNtsC.EOF）
％> 
< option value =<％=（rsNtsC.Fields.Item（NotesCategoryID）。Value）％>><％=（rsNtsC.Fields.Item（NotesCategory）。值）％>< /选项> 
 <％
 rsNtsC.MoveNext（）
 Wend 
 If（rsNtsC.CursorType> 0）Then 
 rsNtsC.MoveFirst 
 else 
 rsNtsC.Requery 
 End If 
％> 
< / select> 
  

解决方案

如果您正在寻找一种方法来包含输入的值输入到 select 中，使用下面的代码。

但请记住，只要页面重新加载，选择的值就会消失。

 function MM_setTextOfTextfield（input）{var count = $（select [name ='Category'] option）。 $（select [name ='Category']）。append（< option val = \+ count +\>+ $（＃+ input）.val（）+ < / option>）$（＃+ input）.val（）}  

 < script src =https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js>< / script> < button class =btn btn-info btn-smonClick =MM_setTextOfTextfield（'categoryid'）data-toggle =modaldata-target =＃AddNotesModal>< i class =fa fa-加>< / I>添加注释< / button>< input type =textclass =form-controlid =categoryid>< select name =Categoryrequired class =form-control> < option value =>选择...< / option>< / select>  

b $ b

I am currently looking to have the value of the following (id="categoryid")...

 <button class="btn btn-info btn-sm" onClick="MM_setTextOfTextfield('categoryid','','1')" data-toggle="modal" data-target="#AddNotesModal"><i class="fa fa-plus"></i> Add Notes
  </button>

 <input type="text" class="form-control" id="categoryid">

to feed into the option value below....

<select name="Category" required class="form-control">
           <option value="">Select...</option>
           <option value="______"><%=(rsNtsC.Fields.Item("NotesCategory").Value)%></option>

How would I go about doing this? I'm open to jQuery, AJAX and javascript solutions if necessary.

Many thanks

EDIT: In my current set up the uses a value in a SQL database as an ID number, like so. I'm mostly looking to replace getting the value from the database with whatever the textbox has:

<select name="Category" required class="form-control">
               <option value="">Select...</option>
               <%
While (NOT rsNtsC.EOF)
%>
               <option value="<%=(rsNtsC.Fields.Item("NotesCategoryID").Value)%>"><%=(rsNtsC.Fields.Item("NotesCategory").Value)%></option>
               <%
  rsNtsC.MoveNext()
Wend
If (rsNtsC.CursorType > 0) Then
  rsNtsC.MoveFirst
Else
  rsNtsC.Requery
End If
%>
             </select>

解决方案

If you are a looking for a way to include the value of the input into the select use the code below.

But remember that as soon as the page gets reloaded the values of the select will be gone.

function MM_setTextOfTextfield(input) {
  var count = $("select[name='Category'] option").length;
  $("select[name='Category']").append("<option val=\"" + count + "\">" + $("#" + input).val() + "</option>")
  $("#" + input).val("")
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="btn btn-info btn-sm" onClick="MM_setTextOfTextfield('categoryid')" data-toggle="modal" data-target="#AddNotesModal"><i class="fa fa-plus"></i> Add Notes
  </button>

<input type="text" class="form-control" id="categoryid">

<select name="Category" required class="form-control">
    <option value="">Select...</option>
</select>

这篇关于带有文本框/隐藏输入的选择选项值？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！