我有两个选择
框,第二个框取决于第一个框的选择。当第一个框 (subject
) 更改时,我想让第二个选择框 (course
) 的值为 null
。任何有关完成此任务的帮助将不胜感激。
这是我尝试过的:
Javascript:
function autoSubmit() {
var formObject = document.forms['theForm'];
formObject.submit();
}
PHP:
<form name="theForm" method="get">
<select name="subject" onChange="autoSubmit();">
<option value="null">Select a Subject...</option>
<php
$sql = "SELECT DISTINCT subj_name, subj_id FROM table1 ORDER BY subj_name
$result = mysql_query($sql) or die ("couldn't execute query");
while($row = mysql_fetch_array($result))
{
echo ("<option value=\"$row[subj_id]\" " . ($subject == $row["subj_id"] ? "
selected" : "") . ">$row[subj_name]</option>");
}
?>
</select>
<select name="course" onChange="autoSubmit();">
<option value="null">All Courses</option>
<php
if($subject != null && is_numeric($subject))
{
$sql = "SELECT DISTINCT subj_id, course_id, course_name FROM table1
WHERE subj_id = $subject ORDER BY course_name
$result = mysql_query($sql);
while($row = mysql_fetch_array($result))
{
echo ("<option value=\"$row[course_id]\" " . ($course == $row["course_id"] ?
" selected" : "") . ">$row[course_number] - $row[course_name]</option>");
}
}
?>
</select>
</form>
最佳答案
您可以将第一个选择的 onChange 放在 autoSubmit()
之前:
this.form.course.value='null';
或
this.form.course.selectedIndex=0;
这样,get 上的值将是 ?subject=[the_subject]&course=null
(然后 $course == $row["course_id"]
将是假的)。
关于javascript - onChange 将动态选择返回 null,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6839188/