![](/img/trans.png)
[英]How to automatically change the value list of option of select tag when i select the certain option of another select tag HTML <select>
[英]How to change select tag when I choose another select tag?
老实说,我很难去构造我的问题,但是出于细节原因,我会清楚地解释它。
我有一个关于酒店roomType的选择标签,例如普通,家庭,豪华,行政,总统府等,在另一个选择标签中,我有房间号,例如401、402 ...,501 ....房间。每次我选择普通房间时,房间号就会变成401-409,如果我选择总统房间,房间号就会变成500-509,依此类推...可能吗? 我正在使用php。
echo "Room Type  ";
echo "<select>
<option value='ordinary'>Ordinary</option>;
<option value='family'>Family</option>
<option value='superior'>Superior</option>
<option value='deluxe'>Deluxe</option>
<option value='corner'>Corner Suite King</option>
<option value='executive'>Executive</option>
<option value='exSuite'>Executive Suite</option>
<option value='exGrand'>Grand Executive</option>
<option value='presidential'>Presidential</option>
</select>";
echo "<br/>";
echo "<table border='1'>";
/*------------------------------------------------------------------------*/
echo "Available Rooms  ";
echo
"<select>";
$x= 401;
while($x<=500)
{
echo "<option>$x</option>";
$x++;
}
echo "</select>";
echo "<hr/>";
echo "<table border='1'>";
/*------------------------------------------------------------------------*/
echo "<input type='Submit'>";
这是我的代码,这只是我在hello world输出php之前的第二个php项目:D
仅使用PHP是不可能的,但是使用javascript / jquery才可能:-)
您处理更改事件并填写可用的选择
$(function() { //run on document.ready
$("#selectRoom").change(function() { //this occurs when select 1 changes
//Fill by AJAX your second selectbox
});
});
您将需要使用JavaScript。 为“ rootType”选择框设置一个onchange事件,以更新房间号选择框的innerHTML。
看看这个问题
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.