javascript - 使用 jQuery 将选择框添加到 html

Question

选择框显示为空。我的代码哪里有错误？

<script src="js/jquery-1.5.1.min.js" type="text/javascript" /></script>
<script>
$(document).ready(function() {
    $('#2').click(function() {
        $("#element").append(
        "                    <select name='select'>",
        "                            <option>Kč</option>",
        "                            <option>Euro</option>",
        "                   </select>"
        );
    });
});
</script>

<select>
    <option id="1">1</option>
    <option id="2">2</option>
</select>

<div id="element"></div>

Answer 1

当您在选择框中选择一个选项时，click() 不可用。

您需要的是 .change()。

http://jsfiddle.net/uEMvr/

HTML

<select id="selectList">
    <option id="1">1</option>
    <option id="2">2</option>
</select>

<div id="element"></div>

JS

$('#selectList').change(function(){ 
    if($(this).val() == "2"){
        $("#element").append(
            "<select name='select'>" +
            "<option>Kč</option>" +
            "<option>Euro</option>" +
            "</select>"
        );
    }
});