编程论坛 → JavaScript论坛

ONCHANG()事件

shangxisen 发布于 2010-07-29 10:19， 828 次点击

这个是两个选择框，左边是省，右边是城市。
目的是要实现提示，在企业地址中有各个省和北京，上海，重庆，天津等市，我要做的是在用户选择的企业地址不是上面所说的北京，上海，重庆，天津时，提示他们要选择右边的城市
我写的代码是
对应html是：<SELECT id=province onchange=onChangeProvince(this);    name=province>。。。<div class="tishi" id="dvselect" style="DISPLAY: none"><span id="Spselect"></span> </div>
JS函数是：function onChangeProvince(province1){
    provincesel.value=province1.options[province1.selectedIndex].value;
    if((provincesel.value!="北京")&&(provincesel.value!="天津")&&(provincesel.value!="重庆")&&(provincesel.value!="上海"))
    { document.getElementById("Spselect").innerHTML="请注意选择城市";}
    changeProvince(provincesel);
    //document.frmAreaSearch.submit();
}
结果是没有那个显示
帮忙看一下。谢谢

3 回复

#2

graybobo2010-07-29 10:55

修改了下你的代码，你看看这样行不行:
HTML DOM :
<select id="province" onchange="onChangeProvince(this);" name="province">
    <option>选择省份</option>
    <option>北京</option>
    <option>河北</option>
    <option>河南</option>
    <option>陕西</option>
    <option>天津</option>
    <option>重庆</option>
    <option>上海</option>
</select>
<div id="dvselect" class="tishi" style="display:none;">
<span id="Spselect"></span>
</div>
Script :
function onChangeProvince(t){
    var p = new Object();
    p.value = province.options[t.selectedIndex].value;
    if(p.value!="北京" && p.value!="天津" && p.value!="重庆" && p.value!="上海"){
        dvselect.style.display = "block";
        Spselect.innerHTML = "请注意选择城市!";
    }
    else{
        dvselect.style.display = "none";
        return false;
    }
}

#3

graybobo2010-07-29 10:59

补充：
火狐下貌似不支持 dvselect.style.display = "block"; 这样来访问元素；
故可以修改为：
document.getElementById("dvselect").style.display = "block";

不足之处，请之处 ... 谢谢！

#4

graybobo2010-07-29 11:28

兼容 IE 火狐：
function onChangeProvince(t){
    var p = new Object();
    var province = document.getElementById("province");
    p.value = province.options[t.selectedIndex].value;
    if(p.value!="北京" && p.value!="天津" && p.value!="重庆" && p.value!="上海"){
        document.getElementById("dvselect").style.display = "block";
        document.getElementById("Spselect").innerHTML = "请注意选择城市!";
    }
    else{
        document.getElementById("dvselect").style.display = "none";
        return false;
    }
}

1