2012-01-13 6 views
2

javascript/jQueryで選択項目を確認する方法を教えてください。 javascriptでチェックしたいです。あなたが値limburgとブラバントをクリックしたとき。しかし、私はどのようにjavascriptでこのオプションを選択できますか? 私はこのコードを持っている:selectでjavascriptをチェックする

<form action="/" method="post" class="clearfix"> 
    <fieldset class="clearfix"> 
      <div class="field"> 
        <select> 
          <option value="" selected="selected">Kies een regio?</option> 
          <option value="Limburg">Limburg</option> 
          <option value="Brabant">Brabant</option> 
        </select> 
      </div><!-- /field --> 
    </fieldset> 
</form> 
+0

申し訳ありませんが、私はよく分かりません。どの項目を選択するかを変更するためにJavaScript(jQuery付き)を使う方法を尋ねていますか?または、ユーザーがどの項目が選択されたときに反応するかを尋ねるか?または...? – nnnnnn

答えて

0

は私が正しくあなたを理解してきたと仮定すると、選択したオプションの値を確認したいです。 select要素の値をチェックするだけでそれを行うことができます。 jQueryを使って、それは同じくらい簡単です:

$("select").val(); 

あなたは、おそらくそれが変更されたとき、あなたが値を確認することができるように変更イベントにイベントハンドラをバインドしたい:

$("select").change(function() { 
    if(this.value === "Limburg") { 
     //Limburg was selected 
    } 
}); 

は、ここでそのworking exampleです。私はあなたの質問を理解し、しかし、あなたが選択ボックスに変更イベントを結合して、そこにあなたのフィルタリングを置きたいよ、あなたは

$('select').val('Limburg'); // to select limburg 
0

わかりませんselect要素にIDまたはクラスを割り当てて、特に選択できるようにするのが最善ですが、これらのオプションのいずれかが選択されたときに、次のコードで画面に警告する必要があります。

$(".field select").change(function() { 
    if($(this).val() === "Brabant") { 
     //Brabant was selected 
     alert("Brabant"); 
    } 
    if($(this).val() === "Limburg") { 
     //Limburg was selected 
     alert("Limburg"); 
    } 
}); 

あなたがちょうどあなたに選択した要素の現在の値が

var selecteditem = $("select").val(); 
if(selecteditem === "Limburg" || selecteditem === "Brabant") { 
     alert("'Limburg' or 'Brabant'"); 
} 

を何ができるかを知りたい場合は値が変更されたときしかし、これは自動的にこの、それを行うには、何をトリガしません。それが2つのうちの1つであることを確認するためにこれを行う妥当性確認のためのものである可能性があります。

1

ような何かを行うことができ、選択した値を変更する場合

関連する問題