0

有两个选择按钮需要客户端验证。用户必须选择其中之一，如果用户选择其中之一，则另一个将自动禁用。

这是我的脚本：

<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

我想要获得所选项目的价值，您需要使用类似这样的东西

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

代替

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

对 Y 做同样的事情

于 2012-07-28T04:17:26.817 回答
1

试试这个代码

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