如何使选择标签不可选择或隐藏

本文介绍了如何使选择标签不可选择或隐藏的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

当输入中的值为0时，如何使成人和儿童选择标签变为不可选择或隐藏.另外，当我单击-"按钮时，如何停止输入值小于零.

How do I make my Adult and Child select tags to become unselectable or hidden when the value in my input is 0. Also how do I stop my input value to become less than zero when I click on the '-' button.

$(function(){
  var p = 2500;
  $('#add').click(function(){
    value = $("#rooms").val();
    price = $("#price").val();
    priceInt = parseInt(price);
    value++;
    price = priceInt + p;
    $("#rooms").val(value);
    $('#price').val(price);
  });
  $('#minus').click(function(){
    value = $("#rooms").val();
    price = $("#price").val();
    priceInt = parseInt(price);
    value--;
    price = priceInt - p;
    $("#rooms").val(value);
    $('#price').val(price);
  });
  var adult = $( "#selectAdult option:selected" ).text();
  adultInt = parseInt(adult);
  price = $("#price").val();
});

<html>
  <body>
    <input type = "button" id="minus" value="-">
    <input type="text" id="rooms" value="1">
    <input type = "button" id="add" value="+">
    Adult: <select id="selectAdult">
      <option>1</option>
      <option selected="selected">2</option>
      <option>3</option>
    </select>
    Child: <select>
      <option>0</option>
      <option selected="seelcted">1</option>
      <option>2</option>
    </select>
    Total: <input type="text" id="price" value="2500">

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  </body>
</html>

推荐答案

希望这就是您想要的.

在上单击，首先询问该值是否大于0.然后允许其将1的值减小.然后询问新值是否为0，如果是，则禁用选择框.
在上单击，询问该值是否大于0，如果是，则启用选择框

On click, first ask if the value is above 0. Then allow it to go 1 down in value. Then ask if the new value is 0, if so then disable select box.
On click, Ask if the value is above 0, if so then enable select box

$(function() {
  var p = 2500;
  $('#add').click(function() {
    value = $("#rooms").val();
    price = $("#price").val();
    priceInt = parseInt(price);
    value++;
    price = priceInt + p;
    $("#rooms").val(value);
    $('#price').val(price);
    if (value > 0) {
      $('#selectAdult, #selectChild').prop('disabled', false);
    }
  });
  $('#minus').click(function() {
    value = $("#rooms").val();
    if (value > 0) {
      price = $("#price").val();
      priceInt = parseInt(price);
      value--;
      price = priceInt - p;
      $("#rooms").val(value);
      $('#price').val(price);
    }
    if (value == 0) {
      $('#selectAdult, #selectChild').prop('disabled', 'disabled');
    }
  });
  var adult = $("#selectAdult option:selected").text();
  adultInt = parseInt(adult);
  price = $("#price").val();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>

<body>
  <input type="button" id="minus" value="-">
  <input type="text" id="rooms" value="1" readonly="readonly">
  <input type="button" id="add" value="+"> Adult: <select id="selectAdult">
      <option>1</option>
      <option selected="selected">2</option>
      <option>3</option>
    </select> Child: <select id="selectChild">
      <option>0</option>
      <option selected="seelcted"> 1</option>
      <option>2</option>
    </select> Total: <input type="text" id="price" value="2500">
</body>

</html>

这篇关于如何使选择标签不可选择或隐藏的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！