下拉1值自动选择下拉2值

时间:2014-10-01 14:34:59

标签: javascript html drop-down-menu

我正在尝试编写一个JavaScript函数,其中如果第一个下拉列表中的值1(pcount)自动为下拉列表2(listsname)选择值1,但是如果选择了除值1(2,3,4)之外的任何值我不希望下拉2除了默认返回之前做任何事情请选择是否选择值1然后更改为另一个值。我对JavaScript和编程非常陌生,并且未能找到与此类似的任何示例。所以任何帮助都会有所帮助!

JavaScript功能:

<script type="text/javascript">
function leaveChange() {
    if (document.getElementById("pcount").value = 1){
        document.getElementById("listedname").value = 1;
    }else
        document.getElementById("listedname").value = 2;

    }
}
</script>

下拉1和2:

<select id="pcount" onchange="leaveChange()">
  <option value="" selected="selected">Please Select</option>
  <option value="1">0</option>
  <option value="2">1</option>
  <option value="3">2</option>
  <option value="4">3</option>
</select>

<select id="listedname">
  <option value="" selected="selected">Please Select</option>
  <option value="1">Business Name</option>
  <option value="2">Individual Owner</option>
</select>

2 个答案:

答案 0 :(得分:5)

如果您使用一个等号执行if子句,Javascript将检查您的元素是否已成功设置为新值。

相反,当您进行比较时,请使用双等号(在您的情况下)

if (document.getElementById("pcount").value == 1){

答案 1 :(得分:0)

如果有人在这里寻找JavaScript功能,那就去吧!

<script type="text/javascript">
function leaveChange() {
    if (document.getElementById("pcount").value == 1){
        document.getElementById("listedname").value = 1;
    }     
    else if (document.getElementById("pcount").value != 1){
        document.getElementById("listedname").value = "";

}
}
</script>