javascript - 附加到选择选项

标签 javascript jquery

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

我想将按钮单击附加到列表框中,其中 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");
});

Updated fiddle here.

关于javascript - 附加到选择选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20408034/

相关文章:

asp.net - 将 Javascript 与 ASP.Net 控件结合使用

javascript - Uncaught ReferenceError : g is not defined

javascript - 如何在 WordPress 中实现 AJAX 评论

javascript - 如何创建像nexus5网站那样的页面滚动按钮

javascript - Bootstrap 日期选择器向上扩展但不向下扩展

javascript - Java Script 类型的构造函数属性

javascript - 为计时器添加开始、停止和重置按钮

jquery - 我怎样才能在 div 的底部开始滚动

javascript - 将函数定义为成员而不执行它

c# - 来自 JsonResult 的动态 ActionLink?