2017-05-19 13 views
1

複数のドロップダウンメニューで選択したものを削除する方法を知っている人がいるのだろうかと思っていました。複数のドロップダウンメニューでオプションを削除する方法

あなたがドロップダウンメニューでそれを行うことができるのかどうかはわかりませんが、私はデータリストなどが必要です。 6しかし、私は最初の1で3番を選択した場合、どのように私はそれを削除することができます -

しかし、私が意味することは、私はそれはあなたが1を持って作られた、私は例6ドロップダウンメニューのこの dropdown menu's

などのために持っています2番目のメニュー、または非表示にします。

私は複数のプロジェクトでこの問題を抱えていましたが、解決方法はわかりません。

Let'sは、あなたがこのような2つのオプションの選択項目を得たと言うメニューの

<select name="getal" form="enquete" /> 

    <?php 
    for($i=1; $i<=5; $i++) 
    { 
     echo "<option value=".$i.">".$i."</option>"; 
    } 
    ?> 
</select> 
+0

JavaScriptは必要です。あなただけのPHPでそれを行うことはできません。 –

+0

申し訳ありません、それはうまく、私はすでにあなたがjavascriptやjqueryが必要だと思った。しかし、どうすればいいのですか –

+1

'全体を非表示にします。 – cjs1978

+0

なぜ、1つの比較のために値を格納するために変数を使用する必要がありますか? –

0

の1のコード:

<select name="getal" form="enquete" class="selectmenu"/> 
<?php 
     for($i=1; $i<=5; $i++) 
    { 
     echo "<option value=".$i.">".$i."</option>"; 
    } 
?> 
</select> 
<select name="getal2" form="enquete" class="selectmenu"/> 
<?php 
    for($i=1; $i<=5; $i++) 
    { 
    echo "<option value=".$i.">".$i."</option>"; 
    } 
?> 
</select> 

あなたは2つのjqueryのセレクタを追加することができます - 彼らはすることができダイナミック - 2つのドロップダウンリストを使って行う方法を示しています。

var $drop1 = $("#geta1"); 
var $drop2 = $("#geta2"); 

(再度クリックしたの横にそれぞれの上にそれを行うことができます)ドロップダウン1の変化に反応する機能を作成します。

$drop1.change(function() { 
    var selectedItem = $(this).val(); 
    if (selectedItem) { 
     $drop2.find('option[value="' + selectedItem + '"]').remove(); 
    } 
}); 

を私達はちょうどのオプションを削除している、あなたはときにそれらを再度追加することができますしたい場合再び変わった。 1つの配列を作成し、存在しない場合はオプションを繰り返して、欠落しているオプションを追加します。

これはあなたのやりたいことですか?

関連する問題