append to select option

append to select option

本文关键字：option select to append      更新时间：2024-03-31

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

我想把点击按钮附加到列表框中，其中，textbox1将是值，textbox2将是文本。

有人能做到这一点吗？谢谢

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");
});

尝试：

$("#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");
});

此处更新了fiddle

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

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

var svalue = $("#listbox1 option:selected").val();
var stext = $("#listbox1 option:selected").text();
相关文章：