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更改为id1和id2;

使用jQuery将选择框添加到html

2 个答案: