当我从选择选项获得现金价值时如何禁用另一个选择选项

时间:2018-08-23 18:57:31

标签: javascript html dom-events

我有此代码,我想启用或禁用某个选择框进行交易。 我不知道什么代码适合此代码,希望您能帮上忙。

<select id="paymenttype" class="paymenttype" name="input-paymenttype"  onChange="changetextbox()">
	<option value="Cash">Cash</option>
	<option value="Installment">Installment</option>
</select>

<select id="paymentterms" class="" name="input-paymentterms" disabled="true">
	<option value="3">3x</option>
	<option value="4">6x</option>
	<option value="6">12x</option>
</select>
<script type="text/javascript">
function changetextbox()
{
	var e = document.getElementById("paymenttype");
 	var value = e.options[e.selectedIndex].value;
    if (value == "Cash") {
       alert('I need to disable payment terms');
           } 
     else{
 		alert('I need to enable payment terms');
    	document.getElementById("paymentterms").disable =='false';
    }
}
</script>

3 个答案:

答案 0 :(得分:0)

使用此属性删除属性:

document.getElementById("paymentterms").removeAttribute("disabled");

答案 1 :(得分:0)

您可以使用.removeAttribute()进行检查here

  function changetextbox()
    {
    	var e = document.getElementById("paymenttype");
     	var value = e.options[e.selectedIndex].value;
        if (value == "Cash") {
           alert('I need to disable payment terms');
               } 
         else{
     		alert('I need to enable payment terms');
        	document.getElementById("paymentterms").removeAttribute('disabled');
        }
    }
    <select id="paymenttype" class="paymenttype" name="input-paymenttype"  onChange="changetextbox()">
    	<option value="Cash">Cash</option>
    	<option value="Installment">Installment</option>
    </select>

    <select id="paymentterms" class="" name="input-paymentterms" disabled="true">
    	<option value="3">3x</option>
    	<option value="4">6x</option>
    	<option value="6">12x</option>
    </select>
  
 

答案 2 :(得分:0)

非常感谢您的回答。我尝试并测试了所有答案。在您的帮助下,我完成的过程令人印象深刻。所以我决定将最终代码粘贴到这里。

     <select id="paymenttype" class="paymenttype" name="input-paymenttype"  onChange="changetextbox()">
      <option value="Cash">Cash</option>
      <option value="Installment">Installment</option>
   </select>

    <select id="paymentterms" class="" name="input-paymentterms" disabled="true">
      <option value="3">3x</option>
      <option value="4">6x</option>
      <option value="6">12x</option>
    </select>
    <script type="text/javascript">
    function changetextbox()
    {

        var e = document.getElementById("paymenttype");
        var value = e.options[e.selectedIndex].value;
        if (value == "Cash") {
           document.getElementById("paymentterms").disabled = true;  
               } else
                {
            document.getElementById("paymentterms").disabled = false;  

        }
    }
    </script>