动态选择框如何从我的文本框动态添加选项的选择框中的值
问题描述:
我新的这种类型的功能,我怎么能检索的文本框的值和每一个值点击添加后追加到旁边的选择框选项按钮任何一个请给我一个建议来解决它。动态选择框如何从我的文本框动态添加选项的选择框中的值
$(document).ready(function(){
var val = $('#txt-val').val();
var selectval = $('#newval').val();
$('#addbtn').click(function(){
//who to retrive textbox value and append as a option value of select box .
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" style="width:150px;" id="txt-val" />
<button id="addbtn">Add</button>
<select id="newval" style="width:150px;">
<option></option>
</select>
答
只需一行代码,你需要在你的.click()
方法添加
使用.append()
。
$(document).ready(function(){
$('#addbtn').click(function(){
var val = $.trim($('#txt-val').val());
if(val != '')
$('#newval').append('<option>' + val +'</option>');
$('#txt-val').val('');
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" style="width:150px;" id="txt-val" />
<button id="addbtn">Add</button>
<select id="newval" style="width:150px;">
</select>
ķ不错,但相同的值反复apending这里。 –
空值不应该添加到选择框如何? –
亚非常感谢 –