0

选择框显示为空。我的代码中的错误在哪里?

<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>
4

2 回答 2

2

当您在选择框中选择一个选项时,.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>"
        );
    }
});
于 2013-06-08T22:44:41.267 回答
0

我不确定,但请尝试以下方法:

  $('#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;

于 2013-06-08T22:39:47.070 回答