2017-01-05 6 views
0

例この3つの選択タグがあります。 >アウディ
  • 選択#2 - - >サーブ
  • 選択#3 - >アウディ
  • のでながらすべての選択のタグから選択したすべての値を検証し確認する方法を選択#1多くのドロップダウン選択から選択した値を検証する方法は?

    • それを更新するか、それとも選択しますか?提出を防ぐ方法を教えてください。

      this is the sample of validate that was duplicated with other select tags

      HTML

      <select> 
          <option value="volvo">Volvo</option> 
          <option value="saab">Saab</option> 
          <option value="vw">VW</option> 
          <option value="audi" selected>Audi</option> 
      </select> 
      
      <select> 
          <option value="volvo">Volvo</option> 
          <option value="saab" selected>Saab</option> 
          <option value="vw">VW</option> 
          <option value="audi">Audi</option> 
      </select> 
      
      <select> 
          <option value="volvo">Volvo</option> 
          <option value="saab">Saab</option> 
          <option value="vw">VW</option> 
          <option value="audi" selected>Audi</option> 
      </select> 
      
    +0

    であるあなたは、3つのドロップダウン内の重複選択を確認し、意味ですか? – Ejaz

    +0

    おそらく、これを行うにはJavaScriptを書く必要があります。 – AndFisher

    +0

    @ PEJKええ、私は重複値をチェックしたい – Osp

    答えて

    1

    あなたは検証一部を取得するためのjQuery thisを使用することができます。最初に選択された新しい値を取得し、一致した場合はselectタグでその値をチェックし、重複をトリガーします。ここで

    を検証することにより、サンプルJSFiddle

    $("select").change(function(){ 
    var newVal = $(this).val(); 
    
    $(this).siblings().each(function(){ 
    if($(this).val() == newVal) 
    { 
    alert("duplicate"); 
    } 
    }); 
    
    }); 
    

    -Help :)

    関連する問題