0

我正在使用 jQuery 根据在另一个选择框中选择的选项来动态设置一个选择框中的可用选项。但是当我选择一个选项时，我得到了错误：

Uncaught TypeError: Cannot use 'in' operator to search for '2' in entop_1

此示例错误中列为“2”的数字和变量“entop_1”会根据选择的选项而变化。对此问题的任何帮助将不胜感激。

我目前正在使用 jQuery 2.0.0 分钟。使用的表格是：

<form id="addForm">

<!-- Ent Select -->
<select id="ent_id" name="ent_id">
<option value="0">- Select -</option>
<option value="1">Ent 1</option>
<option value="2">Ent 2</option>
<option value="3">Ent 3</option>
</select>

<!-- Cat Select -->
<select id="cat_id" name="cat_id"></select>

</form>

脚本是：

<script type="text/javascript">
var entop_1 = {"- Select -": "0","Option A": "1","Option B": "2",};
var entop_2 = {"- Select -": "0","Option C": "3","Option D": "4",};
var entop_3 = {"- Select -": "0","Option E": "5","Option F": "6",};
$("#ent_id").change(function()
{
    var $cat_set = $("#cat_id");
    $cat_set.empty(); // remove old options
    var $ent_var = $("#ent_id option:selected").val();

    $.each('entop_' + $ent_var, function(key, value) {
        $cat_set.append($("<option></option>").attr("value", value).text(key));
    });

});
</script>
4

2 回答 2

1

你可以用eval它。这条线

$.each('entop_' + $ent_var, function(key, value) {

一定是

 $.each(eval('entop_' + $ent_var), function(key, value) {

但是这种方法有两个问题：

  1. 评估是邪恶的。
  2. $.each只能用于数组，不能用于对象。（你会得到一个length is undefined错误）

更好的方法是将数据对象格式化为一个集合，如下所示：

var keys = {
    1: {
        "- Select -": "0",
        "Option A": "1",
        "Option B": "2",
    },
    2: {
        "- Select -": "0",
        "Option C": "3",
        "Option D": "4",
    },
    3: {
        "- Select -": "0",
        "Option E": "5",
        "Option F": "6",
    }
}

然后你可以使用for..in

$("#ent_id").change(function () {
    var $cat_set = $("#cat_id");
    $cat_set.empty(); // remove old options
    var $ent_var = $("#ent_id option:selected").val();
    //find the corresponding value in object
    var options = keys[$ent_var];
    //    use for..in, not each
    for (var a in options) {
        $cat_set.append($("<option/>", {
            "text": a,
            "value": options[a]
        }));
    }
});

但是，请注意顺序。有时for..in不会按顺序遍历数组。

演示：http: //jsfiddle.net/f6Jps/

于 2013-07-24T10:52:51.877 回答
0

如果'entop_' + $ent_var引用数组，您应该使用eval字符串，或者 - 如果数组位于全局 - 用于从全局对象window['entop_' + $ent_var]中获取数组。window

否则，我猜 jQuery 只会尝试迭代字符串。

这是您的代码片段，已修改：

$.each(eval('entop_' + $ent_var), function(key, value) {
    $cat_set.append($("<option></option>").attr("value", value).text(key));
});

或者

$.each(window['entop_' + $ent_var], function(key, value) {
    $cat_set.append($("<option></option>").attr("value", value).text(key));
});
于 2013-07-24T10:51:17.993 回答