selectタグを選択不可または非表示にする方法

入力の値が0のとき、大人と子供の選択タグを選択不可または非表示にするにはどうすればよいですか。また、入力値が0より小さくなるようにするにはどうすればよいですか？私は ' - 'ボタンをクリックします。selectタグを選択不可または非表示にする方法

$(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>

出典

2017-03-20 DragonBorn

希望は、これはあなたが探しているものです。

はオン -クリック、最初の値が0を超えている場合、それは価値でダウン1を行くことができお願いします。次に、新しい値が0かどうかを尋ねます。そうであれば、選択ボックスを無効にします。 +クリックで
、値が0以上であればそうそしてちょうどはい

$(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>

出典

2017-03-20 07:34:05

選択ボックスを有効にした場合、確認して下さい。ありがとうございました – DragonBorn

@SLASH大歓迎です –

selectタグを選択不可または非表示にする方法

答えて

関連する問題