0

クライアント側の検証が必要な 2 つの選択ボタンがあります。ユーザーはそれらのいずれかを選択する必要があり、ユーザーがいずれかを選択すると、もう一方は自動的に無効になります。

これは私のスクリプトです：

<html>
   <head>
      <script type="text/javascript">
        function Check()  //this the funciton for diasbled
    {
      var x =document.getElementById("supexp1");
      var y =document.getElementById("supexp2");

      if(x.value != "")
      {
        document.form1.supexp2.disabled=true;
      }
      else if(y.value != "")
      {
        {
        document.form1.supexp1.disabled=true;
      }
      } 
    }

      </script>

   </head>
  <body>
    <form method="POST" action="destination.php" id="form1">
       <select name="SUPEXP" id="supexp1" data-native-menu="false" onChange="Check()">
           <option >Ekspedisi Local1</option>  //this selection 1 
           <option >Ekspedisi Local2</option>  //this selection 1 
           <option >Ekspedisi Local3</option>  //this selection 1

       </select>
    <select name="SUPEXP" id="supexp2" data-native-menu="false" onChange="Check2()">
           <option >Ekspedisi Expor2</option>  //this selection 2
           <option >Ekspedisi Expor2</option>  //this selection 2
           <option >Ekspedisi Expor2</option>  //this selection 2


    </select>
    </form>
  </body>
 </html>

私はjquerymobileフレームワークを使用し、選択はデータベースに接続します。そのコード (JavaScript) は実行されていません。

4

3 に答える 3

3

ここでの説明に基づいて、これがjsfiddleであることを願っています

   $(document).ready(function() {
      $('#supexp1').change(function() {
      $('#supexp2').attr("disabled" , "disabled")
      });
      $('#supexp2').change(function() {
      $('#supexp1').attr("disabled" , "disabled")
      });    
    });​
于 2012-07-28T04:44:59.403 に答える
1

このコードを試してください

if(x.value != ""){
    document.getElementById("supexp2").disabled=true;
} else if(y.value != "") {
    document.getElementById("supexp1").disabled=true;
}
于 2012-07-28T05:06:36.070 に答える
1

選択したアイテムの値を取得するには、このようなものを使用する必要があると思います

  var e = document.getElementById("supexp1");
  var x = e.options[e.selectedIndex].value;

それ以外の

  var x =document.getElementById("supexp1");

Y についても同じことを行う

于 2012-07-28T04:17:26.817 に答える