使用jquery的依赖下拉列表不能填充html文件。
我有两个下拉列表，其中第二个取决于第一个下拉列表选择。
我已经测试了getSalary和getamount，它可以获取数组，但不能加载到try.php。
有什么会出错的？这是我的密码。
try.php:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="jquery-1.11.3.min.js"></script>
<script src="jquery-ui.js"></script>
<script src="script.js"></script>
</head>
<body>
Grade and Increment
<select name="salaryid" id="salaryid" ></select>
<br>
Salary Amount:
<select name="salaryamt" id="salaryamt" ></select>
</body>
</html>script.js:
$(document).ready(function () {
$.getJSON("getSalary.php", success = function(data) {
var options = "";
for (var i = 0; i < data.length; i++)
{
options += "<options value='" + data[i].toLowerCase() + "'>" + data[i] + "</options>";
}
$("#salaryid").append(options);
$("#salaryid").change();
});
$("#salaryid").change(function(){
$.getJSON("getAmount.php?make=" + $(this).val(), success = function(data) {
var options = "";
for (var i = 0; i < data.length; i++)
{
options += "<options value='" + data[i].toLowerCase() + "'>" + data[i] + "</options>";
}
$("#salaryamt").html("");
$("#salaryamt").append(options);
});
});
});getSalary.php
<?php
include 'pmis_conn.php';
$qrysal = mysql_query("Select grade_incre from salary_ref where year = '2012'") or die(mysql_error());
$makes = array();
while($row = mysql_fetch_array($qrysal))
{
array_push($makes, $row['grade_incre']);
}
echo json_encode($makes);
?>getamount.php
<?php
if (isset($_GET["make"])) {
include 'pmis_conn.php';
$make = $_GET["make"];
$qrysal = mysql_query("Select amount, year from salary_ref where grade_incre like '{$make}'") or die(mysql_error());
$amount = array();
while($row = mysql_fetch_array($qrysal))
{
//$amt = $row['amount'] + "-" + $row['year']
array_push($amount, $row['amount']);
}
echo json_encode($amount);
}
?>回答 1
Stack Overflow用户
发布于 2015-07-24 03:11:18
检查以下内容：
- GET php调用将按预期执行。
- javascript按预期触发。
调试GET调用：
为了调试，请尝试在Chrome中使用开发工具Ctrl+shift+I。在那里，请检查Network选项卡，查看ajax调用的情况。
在这里，手册：https://developer.chrome.com/devtools
这里有一个教程：http://discover-devtools.codeschool.com/
调试javascript:
开发工具中的Alvway继续使用Source，并在script.js上放置一些断点。
这里是调试js的手册：https://developer.chrome.com/devtools/docs/javascript-debugging
javascript中的附加问题：
正如您在这里看到的，https://jsfiddle.net/86vjfwLe/3/您的$(this).val()是空的。您应该尝试这个方法：jQuery get value of select onChange。
关于html和on change的其他问题：
您正在注入的html已被破坏。您必须将options替换为option，并且它应该可以工作。
https://stackoverflow.com/questions/31601327
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号