-1

最初の「選択」から値が選択されたときに「選択」フィールドを表示する方法を見つけようとしています

まあ言ってみれば

第一選択エリア

<label>Transfer Type</label>
<select name="type">`
    <option value="1">Airport to Resort</option>
    <option value="2">Resort to Airport</option>
</select>

2番目の選択エリア

<label>Arrival Airport</label>
<select name="Aairport">
    <option value="1">X Airport</option>
    <option value="2">Y Airport</option>
</select>

3番目の選択エリア

<label>Arrival Resort</label>
<select name="resort">
    <option value="1">Hilton Paris</option>
    <option value="2">Sheraton Paris</option>
</select>

これがデフォルトのビューです。選択された値が最初の「選択」セクションで「空港へのリゾート」である場合、2 番目の選択は消え、下の選択が表示されます。

<label>Departure Airport</label>
<select name="Dairport">
<option value="1">X Airport</option>
    <option value="2">Y Airport</option>
</select>

「出発空港」選択後

3 番目の選択領域は同じままにする必要があります。

ありがとう

4

3 に答える 3

0

私はjQueryソリューションを持っています。選択ボックスの変更イベントで表示される非表示の div を使用するのは非常に簡単です。

例

非常に簡単です：

$("#type").on("change", function(e) {
    if ($(e.target).val() === "0") {
         $("#AairportContainer").addClass("ui-helper-hidden");
    } else {
         $("#AairportContainer").removeClass("ui-helper-hidden");
    }      
});
于 2013-05-16T19:40:13.040 に答える