当我从选项框中选择时,我想插入#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+' </span>');
</script>
<div id="example"></div>
答案 0 :(得分:4)
您的脚本无法以任何方式处理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+' </span>');
});
});
答案 1 :(得分:1)
Jquery
$("#keys").change(function(){
var selectedKey = $("#keys").val();
$('#example').append('<input name=' + selectedKey + ' class="ace-checkbox-2" type="checkbox"><span class="lbl">' + selectedKey + ' </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 + ' </span>');
});