[英]On select loading options in a select box
I have a main drop down list which contains state names, when i select each state name i need to display the city names in a select box, but the select box name should be same because when i give different select box with same name the data is not storing in sql database. 我有一个包含州名称的主下拉列表,当我选择每个州名称时,我需要在选择框中显示城市名称,但是选择框名称应该是相同的,因为当我给具有相同名称的其他选择框时,数据不存储在sql数据库中。 so i need to load the specific city names on each state select. 所以我需要在每个州选择上加载特定的城市名称。 any option 任何选择
<option value="">Select your Location</option>
<option value="CHENNAI">CHENNAI</option>
<option value="GURGAON">GURGAON</option>
</select>
<select name="site">
<option value=""> Select Site </option>
<option value="City1"> City1</option>
<option value="City2"> City2</option>
<option value="City3"> City3</option>
<option value="City3"> City3</option>
</select>
<select name="site">
<option value=""> Select Site </option>
<option value="City1"> City1</option>
</select>
You can use prop('disabled', true
/ false);
您可以使用prop('disabled', true
/ false);
to manage which city to choose. 管理选择哪个城市。 You should not have 2 selects with same name, so because you need them in sql
I made a fix for it. 您应该没有2个具有相同名称的选择,因此因为您在sql
需要它们,所以我对其进行了修复。 Notice also in your post you miss first <select>
and "City 3" comes up 2 times. 还请注意,在您的帖子中,您首先错过了<select>
,“城市3”出现了2次。
html html
<select name="state" id="sel_state">
<option value="">Select your Location</option>
<option value="CHENNAI">CHENNAI</option>
<option value="GURGAON">GURGAON</option>
</select>
<select name="site" id="CHENNAI">
<option value="">Select Site</option>
<option value="City1">City1</option>
<option value="City2">City2</option>
<option value="City3">City3</option>
<option value="City4">City3</option>
</select>
<select name="site" id="GURGAON">
<option value="">Select Site</option>
<option value="City1">City1</option>
</select>
jQuery jQuery的
$(function () {
$("#sel_state").change(function () {
var a = $("#sel_state option:selected").text();
if (a == 'CHENNAI') {
$('#GURGAON').prop('disabled', true);
$('#CHENNAI').prop('disabled', false);
$('#GURGAON').prop('name', 'site_ignored');
$('#CHENNAI').prop('name', 'site');
}
if (a == 'GURGAON') {
$('#CHENNAI').prop('disabled', true);
$('#GURGAON').prop('disabled', false);
$('#GURGAON').prop('name', 'site');
$('#CHENNAI').prop('name', 'site_ignored');
}
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.