附加选择选项

Question

我已经建立了一个选择选项列表框

我想将按钮单击添加到列表框中，textbox1将为value，textbox2将为text。

任何人都能做到这一点吗？感谢。

http://jsfiddle.net/6y54P/4/

$("#listbox1").change(function() {
   var svalue = $("#listbox1 option:selected").val();
   var stext = $("#listbox1 option:selected").text();
    $("#textbox1").val(svalue);
    $("#textbox2").val(stext);
});

$("#button1").click(function(){
   var svalue = $("#textbox1").val(svalue);
   var stext = $("#textbox2").val(stext);
   $('<option value="'+ svalue +'"').html(stext).appendTo("#listbox1");
});

Answer 1

尝试：

$("#listbox1").change(function() {
   var svalue = $("#listbox1 option:selected").val();
   var stext = $("#listbox1 option:selected").text();
    $("#textbox1").val(svalue);
    $("#textbox2").val(stext);
});

$("#button1").click(function(){
   var svalue = $("#textbox1").val();
   var stext = $("#textbox2").val();
   $('<option value="'+ svalue +'">'+svalue+'</option>').html(stext).appendTo("#listbox1");
});

Updated fiddle here.

Answer 2

而不是$("#listbox")在jsfiddle中使用$("#listbox1") //

在按钮处理程序中，您需要再次获取值

var svalue = $("#listbox1 option:selected").val();
var stext = $("#listbox1 option:selected").text();