Question

嗨我的联系表格中有3个下拉列表，我在第一个下拉列表中激活或拒绝其中两个。直到今天我的第一次下拉有两个选项，当我选择租金时，它会自动使价格范围无效，当我选择卖出时，它会使租金范围自动下降。今天我决定再添加一个选项，先下拉＆＃34;预售＆＃34;现在，当我选择此选项时，我想要不同的租金范围和有效价格范围，就像卖出期权一样。但我不能管它。请帮我？谢谢

＆＃13;

<html>
  <body>
    <p dir="rtl"><select id="select" name="case" style="width: 110px;">
      <option  selected="selected" value="red">sell</option>
      <option  value="green">rent</option>
      <option  value="blue">presell</option>
      </select></p>
    <p dir="rtl"><select name="pricerange" class="myclass1" style="width: 110px;" disabled="disabled">
      <option value="" >please select</option>
      <option value="1" >A</option>
      <option value="2" >B</option>
      <option value="3" >C</option>
      </select></p>
    <script src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
    <script>
      $('#select').change(function(){
        $('.myclass1').attr('disabled',$(this).val() === 'green');
      });
    </script>
    <p dir="rtl"><select name="rentrange" class="myclass2" style="width: 110px;" disabled="disabled">
      <option value="" >please select</option>
      <option value="4" >AA</option>
      <option value="5" >BB</option>
      <option value="6" >CC</option>
      </select></p>
    <script src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
    <script>
      $('#select').change(function(){
        $('.myclass2').attr('disabled',$(this).val() === 'red');
      });
    </script>
  </body>
</html>

＆＃13;

Answer 1

您只需检查#select下拉列表的值是还是红色或蓝色。使用此代码：

var val = $(this).val();
$('.myclass2').attr('disabled',val === 'red' || val == 'blue');

<html>
  <body>
    <p dir="rtl"><select id="select" name="case" style="width: 110px;">
      <option  selected="selected" value="red">sell</option>
      <option  value="green">rent</option>
      <option  value="blue">presell</option>
      </select></p>
    <p dir="rtl"><select name="pricerange" class="myclass1" style="width: 110px;" disabled="disabled">
      <option value="" >please select</option>
      <option value="1" >A</option>
      <option value="2" >B</option>
      <option value="3" >C</option>
      </select></p>
    <script src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
    <script>
      $('#select').change(function(){
        $('.myclass1').attr('disabled',$(this).val() === 'green');
      });
    </script>
    <p dir="rtl"><select name="rentrange" class="myclass2" style="width: 110px;" disabled="disabled">
      <option value="" >please select</option>
      <option value="4" >AA</option>
      <option value="5" >BB</option>
      <option value="6" >CC</option>
      </select></p>
    <script src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
    <script>
      $('#select').change(function(){
        var val = $(this).val();
        $('.myclass2').attr('disabled',val === 'red' || val == 'blue');
      });
    </script>
  </body>
</html>

Answer 2

在数组函数中使用jquery

$（'。myclass2'）。attr（'disabled'，$。inArray（val，['blue'，'red']））;

<html>

<head>

  <head>

    <body>
      <p dir="rtl">
        <select id="select" name="case" style="width: 110px;">
          <option selected="selected" value="red">sell</option>
          <option value="green">rent</option>
          <option value="blue">presell</option>
        </select>
      </p>
      <p dir="rtl">
        <select name="pricerange" class="myclass1" style="width: 110px;" disabled="disabled">
          <option value="">please select</option>
          <option value="1">A</option>
          <option value="2">B</option>
          <option value="3">C</option>
        </select>
      </p>
      <script src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
      <script>
        $('#select').change(function() {
          $('.myclass1').attr('disabled', $(this).val() === 'green');
        });
      </script>
      <p dir="rtl">
        <select name="rentrange" class="myclass2" style="width: 110px;" disabled="disabled">
          <option value="">please select</option>
          <option value="4">AA</option>
          <option value="5">BB</option>
          <option value="6">CC</option>
        </select>
      </p>
      <script src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
      <script>
        $('#select').change(function() {
          var val = $(this).val();
          $('.myclass2').attr('disabled', $.inArray(val, ['blue','red']));
        });
      </script>
    </body>

</html>

Answer 3

使用＆＃39;或＆＃39;添加另一个等式operater（||）到属性条件。

＆＃13;

<html>
  <head>
    <head>
      <body>
         <p dir="rtl"><select id="select" name="case" style="width: 110px;">
  <option  selected="selected" value="red">sell</option>
  <option  value="green">rent</option>
    <option  value="blue">presell</option>
</select></p>
         <p dir="rtl"><select name="pricerange" class="myclass1" style="width: 110px;" disabled="disabled">
<option value="" >please select</option>
<option value="1" >A</option>
<option value="2" >B</option>
<option value="3" >C</option>
</select></p>
        <script src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
        <script>
        $('#select').change(function(){
		$('.myclass1').attr('disabled',$(this).val() === 'green');
        });
    </script>
         <p dir="rtl"><select name="rentrange" class="myclass2" style="width: 110px;" disabled="disabled">
<option value="" >please select</option>
<option value="4" >AA</option>
<option value="5" >BB</option>
<option value="6" >CC</option>
</select></p>
        <script src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
        <script>
        $('#select').change(function(){
		$('.myclass2').attr('disabled',
                $(this).val() === 'red' || $(this).val() === 'blue' );
        });
    </script>
        </body>
      </html>

＆＃13;

基于其他下拉列表值的有效或无效下拉列表

3 个答案: