Question

使用jQuery对动态填充的选择框有问题。

基本上，我的代码调用一个填充选择框（utilityMainChart）的php脚本。假设它为选择框utilityMainChart带来了两个选项，我希望下一个选择框（parameterMainChart）填充了utilityMainChart选择框中第一个选项的选项。

就像现在一样，选择框最初会正确填充，但是行var building = $（'＃utilityMainChart'）。val（）;永远不会返回选择框的值。这意味着对选择框的任何更改都会导致其下方的更改变为空白，因为没有选择任何值。

我的javascript代码如下所示：

var data = "1" + "_" + building + "_";
var url = "/charts/data/utilityManagerMenuPopulate.php?data=" + data;
$('#utilityMainChart').load(url);

var building = $('#utilityMainChart').val();
var data = "2" + "_" + building + "_" + utility;
var url = "/charts/data/utilityManagerMenuPopulate.php?data=" + data;
$('#parameterMainChart').load(url);

我的php代码以以下形式返回数据：

<select id="utilityMainChart" name="utilityMainChart">
    <option selected value=1>Electricity</option>
    <option value=3>Water</option>
</select>

任何建议都很棒。我已经玩了好几个小时而且无法让它工作

Answer 1

尝试更改

var building = $('#utilityMainChart').val();

到

var building = $('#utilityMainChart :selected').val();

编辑：您的#utilityMainChart不是select和包含div的选择的唯一ID。因此，当您运行上面的代码时，它获取div。如果你试试这会有帮助。

var building = $('select#utilityMainChart').val();

级联选择框 - Jquery

1 个答案: