jquery選択をキャンセルし、selectのドロップダウンの例コードを選択します。
3つのselectのドロップダウンボックスがあります。大きなクラスと小さなクラスがあります。大きいクラスを選ぶ時に、小さいタイプの表示を同時に他の種類の選択の項目をクリアする必要があります。
以下は三つのselect:
以下は三つのselect:
<select name="pWaqqqy" id="sel_type" onchange="selectFunction()">
<option value=""> </option>
<option value="7">aa</option>
<option value="8">bb</option>
</select>
<select name="pWay" id="sel_children0" style="display:none;">
<option value=""> </option>
<option value="5">a</option>
<option value="3">a</option>
<option value="1">a</option>
<option value="2">a</option>
<option value="6">a</option>
</select>
<select name="pWay" id="sel_children1" style="display:none;">
<option value=""> </option>
<option value="4">b</option>
</select>
jquery拡張で、呼び出し時には$("select").removeSelected();
jQuery.fn.removeSelected = function() {
this.val("");
};
クラスの選択ボックスを選択すると、selectFunction()を呼び出します。
function selectFunction(){
if($("#sel_type").val()=="7"){
$("#sel_children0").show();
$("#sel_children1").hide();
$("#sel_children1").removeSelected();
}else if($("#sel_type").val()=="8"){
$("#sel_children1").show();
$("#sel_children0").hide();
$("#sel_children0").removeSelected();
}else{
$("#sel_children0").hide().removeSelected();
$("#sel_children1").hide().removeSelected();
}
}
は、jquery.jsファイルを先に導入することが前提です。