[英]Focus on input text after selecting option from selectbox in AngularJS
[英]Enable selectBox after selecting another one
我试图通过从第一个选择框中选择一个选项后启用第二个选择框来设置两个select-boxes
。
结果来自带有js的json到我页面上的div。
第二选择设置为disabled
第一次尝试:
JavaScript的:
$(document).ready(function () {
$.getJSON('./system/feeds/built.search.php', function (json) {
var output = '';
output += '<div class="search_block">';
output += '<h2><img src="images/search_icon_big.png" alt=""> Search used cars</h2>';
output += '<form id="form1" class="form-style" method="post">';
output += '<label><strong>Company</strong><br>';
output += '<span class="select1">';
output += '<select name="companies" id="companies">';
output += '<option>All</option>';
output += '<option value="company">Company</option>';
for (var i = 0; i < json.company_models.length; i++) {
output += '<option value=' + json.company_models[i].company + '>' + json.company_models[i].company + '</option>';
}
output += '</select>';
output += '</span>';
output += '</label>';
output += '<label><strong>Model</strong><br>';
output += '<span class="select1">';
output += '<select name="models" id="models" disabled>';
output += '<option>Choose Company</option>';
$('#companies').change(function () {
if (this.value) {
document.getElementById('#models').disabled = true;
} else {
document.getElementById('#models').disabled = false;
}
});
for (i = 0; i < json.company_models.length; i++) {
output += '<option value=' + json.company_models[i].model + '>' + json.company_models[i].model + '</option>';
}
output += '</select>';
output += '</span>';
output += '</label>';
$('#search').html(output);
});
});
HTML :
<div id="search" class="grid_12"></div>
为了使它更容易:
Company | Model
Company | Model
: 要选择从模式,我必须从公司第一个选项的选项
PS:为了节省您有时参考相似问题的时间,我已经查看了它们。
您正在使用jQuery(纯js中的onchange
.change()
查找.change()
事件,由于这是动态加载的数据,因此需要使用.on()
:
$(document).on("change", "#companies", function() {
this.value == "All" ? $("#models").prop("disabled", true) : $("#models").prop("disabled", false);
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.