如何使用 JSON 对象中下拉列表的更改值？

Question

我遇到了一个问题，也许这很容易，但对我来说，它已经成为一个头疼的问题。

我有一个下拉菜单。就是这样：

<select id="locationSelector" name="locationSelector">
   <option value=0 >All</option>
   <option value=1>Lahore</option>
   <option value=2>Karachi</option>
</select>

我得到它的更改值如下，并希望在给定的 JSON 对象中的 on-callback 之外使用它的值：

var loc = 0;
$("#locationSelector").on('change', function(e, loc){
        loc = $("#locationSelector").val();
});

TablesDatatables.condition = {'role.role_id': '2|3', 'location.id': loc };

注意：我在上述对象中使用了loc 变量。

但它不起作用。你能在这方面帮助我吗？

Answer 1

我相信因为“位置”在您的回调中，所以它被作为局部变量引用。尝试更改该回调变量名称，我不确定它的用途。

var location = 0;
$("#locationSelector").on('change', function(e, locationCHANGED){
    location = $("#locationSelector").val();
});

TablesDatatables.condition = {'role.role_id': '2|3', 'location.id': location   };