一旦下拉选择,使用JavaScript和AJAX禁用特定的文本字段 [英] Once Drop Down is Selected, Disable specific text fields using Javascript and AJAX
本文介绍了一旦下拉选择,使用JavaScript和AJAX禁用特定的文本字段的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想,一旦禁用特定下拉项某些文本字段被选中利用JavaScript和Ajax。 我的HTML code是如下:
I am trying to disable certain text fields once a specific drop down item as been selected utilizing Javascript and AJAX. My HTML code is as follows:
<html>
<li>
<span class="label">Rate Type: </span>
<label class="alignleft">
<select class="customSelect"name="Rate" onChange="findSelected()" id="Rate2">
<option>Fixed</option>
<option>Fixed</option>
<option value="variable">Variable</option>
</select>
</label>
</li>
<li>
<span class="label">Mortgage Interest Rate :</span>
<label class="alignleft"><span class="percent">%</span><input type="text" class="textfield" value=5 name="Iint"/></label>
</li>
<li>
<span class="label multiline">Amount Borrower want to repay: </span>
<label class="alignleft"><input type="text" class="textfield" value=10000 name="Ipay"/></label>
</li>
<li>
<span class="label multiline">Posted Interest Rate for Similar Mortgages</span>
<label class="alignleft"><span class="percent">%</span><input type="text" class="textfield" value=3 name="Iintsim"/></label>
</li>
<li>
<span class="label">Mortgage Interest Rate :</span>
<label class="alignleft twofield"><strong class="percent">%</strong><input type="text" class="textfield" value=1.30 Name="Mint" /></label>
</li>
</html>
我的JavaScript code是如下:
My Javascript code is as follows:
function findSelected(){
var xhttpr = new XMLHttpRequest();
// xhttpr.open("GET","index.html",true);
// xmlhttp.send();
var rate= document.getElementById('Rate2');
var variable = document.getElementById('variable');
if(rate.value == "variable"){
alert("hi");
Iint.disabled=false;
Ipay.disabled=false;
Iintsim.disabled=false;
} else {
Iint.disabled=true;
Ipay.disabled=true;
Iintsim.disabled=true;
}
}
我敢肯定,我做的事情,如果没有很多的事情是错误的。 请告诉我。 谢谢!
I'm sure I am doing something, if not many, things wrong. Please let me know. Thanks!
推荐答案
尝试使用这样的:
var $inputs = $('input'); // collection of inputs to disable
$('select').change(function(){
$inputs.prop('disabled', $(this).val() === 'Variable');
});
演示: http://jsbin.com/udimos/1/edit
这篇关于一旦下拉选择,使用JavaScript和AJAX禁用特定的文本字段的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文