JavaScript:根据从 "text input"中选择的值启用/禁用 "select input"

Question

如果从选择输入中选择了“现金”支付，我写了这段代码来“禁用”文本输入。如果选择了“信用卡”付款，我还想“启用”文本输入。但我什至无法使用 JavaScript 完成启用。

<input type="text" readonly="true" class="credit_card_number" id="inputWarning" name="credit_card_number"/>

HTML:

<div class="control-group">
<label for="payment_type" class="control-label"><i class="icon-book"></i> Payment Type</label>
<div class="controls">
<select size="1" id="payment_type" name="payment_type" onchange="enableElements();">
    <option value="cash" id="cash" selected="selected">Cash</option>
    <option value="amex" id="credit_card">American Express</option>
    <option value="master" id="credit_card">Master Card</option>
    <option value="visa" id="credit_card">Visa</option>
</select>
</div>

JavaScript:

<script>
function enableElements()
{
document.getElementById('inputWarning').disabled=false;
}
</script>

Answer 1

FIDDLE HERE

这会起作用。但我建议从只读更改为 attr:disabled，我认为这对用户来说更清楚。在那种情况下检查here .

脚本/jQuery

function enableElements() {
if ($("#payment_type").val() == 'cash') {
    $("#inputWarning").prop('readonly', true);
    console.log('cash');
}

if ($("#payment_type").val() == 'amex' || $("#payment_type").val() == 'master' || $("#payment_type").val() == 'visa') {
   $("#inputWarning").prop('readonly', false);
    console.log('other');
}
};