html下拉框 参数,html的下拉框的问题。

酒木君

---

A0

A1

A2

A3

A4

A5

A6

A7

A8

A9

B0

B1

B2

B3

B4

B5

B6

B7

B8

B9

$("select#status1").change(function(){

var status1 = $(this).val();//得到第一个下拉框的value值

var status2 = parseInt(status1)+1;//将字符串转为数字并进行＋1操作

var status3 = status2+1;//+2

console.log(status1,status2,status3);

//进行字符串拼接

var text1 = "B"+status1;

var text2 = "B"+status2;

var text3 = "B"+status3;

console.log(text1,text2,text3);

$("#status2").empty();//清空第二个下拉框

//根据status1判断,避免第二个下拉框中出现违规值

if(status1 <= 7){

//将得到的文本值分别放入第二个下拉框中

var option1 = $("").val(1).text(text1);

$("#status2").append(option1);

var option2 = $("").val(1).text(text2);

$("#status2").append(option2);

var option3 = $("").val(1).text(text3);

$("#status2").append(option3);

}else if(status1 == 8){

var option1 = $("").val(1).text(text1);

$("#status2").append(option1);

var option2 = $("").val(1).text(text2);

$("#status2").append(option2);

}else if(status1 == 9){

var option1 = $("").val(1).text(text1);

$("#status2").append(option1);

}

});

根据楼主的要求自己写了一个小demo,亲测可以达到楼主所述目标.