如何使选择标签不可选择或隐藏 [英] How to make the select tags unselectable or hidden
本文介绍了如何使选择标签不可选择或隐藏的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
当输入中的值为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
1down in value. Then ask if the new value is0, 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>
这篇关于如何使选择标签不可选择或隐藏的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
