select操作的小問題

在使用原生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");
}
    });
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章