Javascript 使用jquery创建表单时表单字段的稳定性
我使用json填充select标记的选项,当我选择国家时,系统同步填充城市的组合框Javascript 使用jquery创建表单时表单字段的稳定性,javascript,php,jquery,forms,validation,Javascript,Php,Jquery,Forms,Validation,我使用json填充select标记的选项,当我选择国家时,系统同步填充城市的组合框 <label class="AddressLable">الدوله</label> <select name="country" id="countryCB"> <option >اختر</option> <?php $cntr=0;
<label class="AddressLable">الدوله</label>
<select name="country" id="countryCB">
<option >اختر</option>
<?php $cntr=0;
while($cntr < count($countries))
{
?>
<option value="<?php echo $countries[$cntr]['countryNo']?>" <?php echo $_POST['country']==$countries[$cntr]['countryNo']?'selected':''?>> <?php echo $countries[$cntr]['countryName'];?></option>
<?php
$cntr++;
}
?>
</select>
<label class="AddressLable">المدينة</label>
<select name="city" id="cityCB">
</select>
اختر
>
المدينة
//下面是jquery脚本
$("#countryCB").change(function(){
var countryNo=$(this).val();
var param={"action":"getCities",
"countryNo":countryNo
};
$.getJSON("controllers/Customer.controller.php",param,function(result){
input=$("#cityCB");
$('>option',input).remove();
$("#cityCB").append('<option> اختر</option>');
$.each(result,function(i,val){
var option = $('<option />');
option.attr("value",val.cityNo);
option.text(val.cityName);
$("#cityCB").append(option);
})
});
$(“#countryCB”).change(函数(){
var countryNo=$(this.val();
var param={“action”:“getCities”,
“countryNo”:countryNo
};
$.getJSON(“controllers/Customer.controller.php”),参数,函数(结果){
输入=$(“#cityCB”);
$('>option',input.remove();
$(“#cityCB”)。追加(‘cityCB’);
$。每个(结果、函数(i、val){
var选项=$('');
option.attr(“value”,val.cityNo);
option.text(val.cityName);
$(“#cityCB”)。附加(可选);
})
});
我如何制作这样的东西:
<?php echo $_POST['country']==$countries[$cntr]['countryNo']?'selected':''?>
在jquery中
$("cityCB option[value='your_value']").attr("selected", true);
附加所有选项后运行它。该值是动态定义的!因此,不要复制粘贴该示例,请根据您的需要对其进行修改。确定您希望选择的值并使用上面的代码段。如果您不希望或cba这样做,恐怕其他人将不得不为您完成此工作。我这样做$(cityCB value='').attr(“selected”,true);在页面加载,但它不工作!甚至我把javascript代码放在php文件中!这与我发布的代码片段都不相似。