一些JavaScript開始 - 每次選擇框更改它將匹配所選值與「模型」對象中的值,並在模型選擇框中顯示結果。
Fiddle
<select id="makes">
<option value="NULL">Please Select</option>
<option value="Honda">Honda</option>
<option value="Toyota">Toyota</option>
</select>
<select id="model">
</select>
$(function(){
$('#makes').change(function(){
var make = $(this).val();
var model = {
Honda:{1:"Civic", 2:"Accord"},
Toyota:{1:"Supra",2:"Yaris"}
};
if(model.hasOwnProperty(make)){
$('#model').html('');
$.each(model[make], function(i, val) {
$('#model')
.append($("<option></option>")
.attr("value",val)
.text(val));
});
}
});
});
HTML僅是不可能的。在第一個選擇上定義onselect,然後你可以使用AJAX(XHR)將選項填充到第二個選擇中,或者預先加載所有選項,只顯示相應的選項並隱藏其他選項。第一個更好,第二個沒有AJAX。 – mikiqex
這實際上是使用javascript完成的,因爲您想要動態更改頁面上出現的下一個選擇選項。如果你試圖自己做,然後只問你的代碼是否有問題,那就更好了。 – Grapho