Php 级联选择框-Jquery

使用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>

电
水

任何建议都会很棒。我已经玩了好几个小时了，就是没法让它工作

试着换一下

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

到

编辑：您的

#utilityMainChart

不是唯一的id，它位于select和包含div的select上。因此，当您运行上述代码时，它将获得div。如果您尝试此操作，它将有所帮助

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

---

刚刚尝试过，现在返回的值不是空的，而是未定义的。不确定这是否是进步！你能给我一个链接到这个页面吗？如果我能看一下，可能会更好。这是图表上方页面底部的下拉框（当前处于调试模式）更改了我的选择框的id，但我仍然无法定义为返回值。不过，谢谢。当我在您的页面上运行

$（'select#utilityMainChartSelect'）.val（）

时，根据下拉列表中设置的选项，我会得到数字3或数字1。

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