Question

当我从选项框中选择时，我想插入#example div new单选按钮。这是我的代码，但是当我选择一个值时，它无效。我在屏幕上看不到任何东西。问题在哪里？

<select id="keys">
  <option value="A">A</option>
  <option value="B">B</option>
  <option value="C">C</option>
</select>

<script>
  var selectedKey = $("#keys").val();
  $('#example').append('<input name='+selectedKey+' class="ace-checkbox-2" type="checkbox"><span class="lbl">'+selectedKey+'&nbsp;</span>');                            
</script>

<div id="example"></div>

Answer 1

您的脚本无法以任何方式处理keys选择更改。它应该是这样的：

$(document).ready(function(){
    $("#keys").change(function(){
        var selectedKey = $(this).val();
        $('#example').append('<input name='+selectedKey+' class="ace-checkbox-2" type="checkbox"><span class="lbl">'+selectedKey+'&nbsp;</span>');    
    });
});

Answer 2

Working DEMO

Jquery

 $("#keys").change(function(){
var selectedKey = $("#keys").val();
 $('#example').append('<input name=' + selectedKey + ' class="ace-checkbox-2" type="checkbox"><span class="lbl">' + selectedKey + '&nbsp;</span>');

}）;

但是上面的代码附加了该div的复选框。如果你只想在示例div中显示所选的复选框，请使用以下方法

 $("#keys").change(function(){
var selectedKey = $("#keys").val();
 $('#example').html('<input name=' + selectedKey + ' class="ace-checkbox-2" type="checkbox"><span class="lbl">' + selectedKey + '&nbsp;</span>');

 });

Working DEMO

在div中显示所选的选项值

2 个答案: