清除并重新填充下拉列表javascript

时间:2015-02-12 11:23:15

标签: javascript jquery drop-down-menu

我想在每次单击此选项(valList4)时设置警报,并自动填写下一个文本框。我希望这个工作即使在第一个选择之后,另一个选择仍然有用。

我有这段代码:

$("#List4").change(function() {

                var valList4 = $("#List4").val();

                if (valList4 == "Ferrari")

                {

                    $("#List5")[0].selectedIndex = 1;

                    fillSelect($("#List4").val(),$("#List5")[0]);

                }



                else if (valList4 == "Porsche")

                {

                    $("#List5")[0].selectedIndex = 1;

                    fillSelect($("#List4").val(),$("#List5")[0]);

                }

以下是代码末尾的提示:

alert("Your selection was:- \n" + valList4);

                });

问题在于,如果我将选择从一个更改为另一个,则列表会保持填充,第二个框不会随第一个框改变。

修改

填写选择功能

function fillSelect(currCat,currList){

                var step = Number(currList.name.replace(/\D/g,""));

                for (i=step; i<nLists+1; i++) {

                document.forms['tripleplay']['List'+i].length = 1;

                document.forms['tripleplay']['List'+i].selectedIndex = 0;



            }

HTML代码

<form name="completion" action="">

<select id='List4' name='List4' onchange="fillSelect(this.value,this.form['List5'])">

<option selected>Make a selection</option>

</select>

&nbsp;

<select id='List5' name='List5' onchange="getValue2(this.value, this.form['List4'].value, 

this.form['List4'].value)">

<option selected >Make a selection</option>

</select></P>

</form>

0 个答案:

没有答案