Jquery 选择标记中的json

我将直截了当地说，我有这个html代码

<select id ="list" name = "items[]"></select>
<select id ="list" name = "items[]"></select>
<select id ="list" name = "items[]"></select>

在jquery中，我有

<script>
jQuery(function($){
    $.getJSON('product_json.php', function(data) {
        var select = $('#list');
        $.each(data, function(key, val){
            $('<option/>').attr('value', val.PRODUCTID)
                  .html('ID ' + val.PRODUCTID)
                  .appendTo(select);
            });
        });
    });
 </script>

jQuery（函数（$）{
$.getJSON（'product_json.php'，函数（数据）{
变量选择=$（“#列表”）；
$。每个（数据、函数（键、值）{
$（''）.attr（'value'，val.PRODUCTID）
.html（'ID'+val.PRODUCTID）
.appendTo（选择）；
});
});
});

---

我正在获取第一个select标记的json数据，但在其他2个select标记中没有，我希望所有3个select标记使用相同的id使用相同的json数据。在我的示例id=“list”中，感谢您不能有多个具有相同id的标记。您可以使用类。此外，属性名称和值之间不应使用空格：

<select id="list1" name="items[]"></select>
<select id="list2" name="items[]"></select>
<select id="list3" name="items[]"></select>

或

ID必须是唯一的 考虑改用类：

<select class="list" name="items[]"></select>
<select class="list" name="items[]"></select>
<select class="list" name="items[]"></select>

<script>
    var select = $(".list");
    // ...
</script>

var select=$（“.list”）；
// ...

ID必须是唯一的，更正后的代码版本应为：

<select class ="list" name = "items[]"></select>
<select class ="list" name = "items[]"></select>
<select class ="list" name = "items[]"></select>

在jquery中：

<script>
jQuery(function($){
    $.getJSON('product_json.php', function(data) {
        $.each(data, function(key, val){
            $('<option/>').attr('value', val.PRODUCTID)
                  .html('ID ' + val.PRODUCTID)
                  .appendTo('.list');
            });
        });
    });
 </script>

jQuery（函数（$）{
$.getJSON（'product_json.php'，函数（数据）{
$。每个（数据、函数（键、值）{
$（''）.attr（'value'，val.PRODUCTID）
.html（'ID'+val.PRODUCTID）
.appendTo（“.list”）；
});
});
});

空格对浏览器绝对没有影响。@Blazemonger好吧，它完全违反了HTML/XHTML规范，请参见W3C！

<script>
jQuery(function($){
    $.getJSON('product_json.php', function(data) {
        $.each(data, function(key, val){
            $('<option/>').attr('value', val.PRODUCTID)
                  .html('ID ' + val.PRODUCTID)
                  .appendTo('.list');
            });
        });
    });
 </script>