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

Answer 2

我不确定，但请尝试以下方法：

  $('#id2').click(function() {
      $("#element").append(
      "<select name='select'>" +
          "<option>Kč</option>" + 
          "<option>Euro</option>"+
        "</select>");
  });

在您的代码中，您向元素附加以下内容：

<select></select>
<option>Kč</option>
<option>Euro</option>

也像@Zenith 提到你不能使用ID从数字开始的！ 因此，将 id 更改为例如id1and id2;