![](/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.