在使用原生select 不使用div模擬的情況下,同一個option重複選擇的小bug可以用添加一個diaplay:none的option解決
function init(wrapper) {
var province = $($("#" + wrapper + "").find(".m-province"));
var city = $($("#" + wrapper + "").find(".m-city"));
var county = $($("#" + wrapper + "").find(".m-county"));
var type = $("#type").val();
province.append("<option value='p'>請選擇省</option>").val("p");
city.append("<option value='c'>請選擇市</option>").val("c");
county.append("<option value='d'>請選擇區/縣</option>").val("d");
selectprovince(type);
if (type == 1) {
selectcity('330000');
} else {
var id = province.attr("data-province");
selectcity(id);
}
var cityid = city.attr("data-city");
selectcounty(cityid)
province.change(function() {
var provinceVal = province.val();
city.empty().append("<option value='c'>請選擇市</option>").val("c");
county.empty().append("<option value='d'>請選擇區/縣</option>").val("d");
selectcity(provinceVal);
$(this).blur();
}).focus(function(){
var hasLength=$("option[value=p]",$(this)).length;
if(hasLength<=0){
//provinceVal.append("<option value='p'>請選擇省</option>").val("c");}
province.append("<option value='p' style='display:none'>請選擇省</option>").val("p");}
});;
city.change(function() {
var cityVal = city.val();
county.empty().append("<option value='d'>請選擇區/縣</option>").val("d");
selectcounty(cityVal);
$(this).blur();
}).focus(function(){
var hasLength=$("option[value=c]",$(this)).length;
if(hasLength<=0){
city.append("<option value='c' style='display:none'>請選擇市</option>").val("c");
//city.append("<option value='c'>請選擇市</option>").val("c");
}
});
select操作的小問題
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
w3a45y6trr etrd
rejesaw280
2022-06-18 12:53:13
Skincell Advanced Review - Have you read the ingredients, benefits and side effects?
pjhjakhfj
2022-06-17 14:40:48
GOODMAN增大丸三大效果
LouisRodgers5773
2022-06-17 11:07:57
光年动画电影简介:为什么在阿联酋被禁?
dimyatiel84
2022-06-17 04:56:34
Logging While Drilling Market Research Report and Forecast to 2030
deepak.s.msg
2022-06-15 20:58:58
MetaboFix (2022 Update) Ingredients Benefits Side Effects Price?
gnjdjgga
2022-06-15 13:22:56
VIDEA Teljes film Magyar
firdauskomarove
2022-06-15 13:00:49
壯陽藥誤區你是否有正確使用壯陽藥?
LouisRodgers5773
2022-06-14 11:46:37
Rental Outdoor LED Display Market Growth, Trends And Forecast 2030
chhidami.a.msg
2022-06-13 19:20:27
哪些壞習慣會傷害腸胃健康
LouisRodgers5773
2022-06-10 12:13:01
加強營養的誤區有哪些
LouisRodgers5773
2022-06-10 11:34:59
Casino Management System Market Growth, Trend, Drivers, Challenges, Key Companies by 2027
pradipthakre06
2022-06-09 20:45:58
Huawei H35-660_V2.0 Practice Exam - Shortcut to Success in Huawei Exam
stevenpal258
2022-06-08 17:44:56
肝臟功能不好的人手腳有哪些症狀
LouisRodgers5773
2022-06-08 15:22:59
Fuel Cell for Data Centers Market Popularity Across the Globe by 2030
chhidami.a.msg
2022-06-07 21:53:11