<hr/>
<select?id="status1">
<option?value="0">A0</option>
<option?value="1">A1</option>
<option?value="2">A2</option>
<option?value="3">A3</option>
<option?value="4">A4</option>
<option?value="5">A5</option>
<option?value="6">A6</option>
<option?value="7">A7</option>
<option?value="8">A8</option>
<option?value="9">A9</option>
</select>
<select?id="status2">
<option?value="0">B0</option>
<option?value="1">B1</option>
<option?value="2">B2</option>
<option?value="3">B3</option>
<option?value="4">B4</option>
<option?value="5">B5</option>
<option?value="6">B6</option>
<option?value="7">B7</option>
<option?value="8">B8</option>
<option?value="9">B9</option>
</select>
<script?type="text/javascript">
$("select#status1").change(function(){
var?status1?=?$(this).val();//得到第一個(gè)下拉框的value值
var?status2?=?parseInt(status1)+1;//將字符串轉(zhuǎn)為數(shù)字并進(jìn)行＋1操作
var?status3?=?status2+1;//+2
console.log(status1,status2,status3);
?????
//進(jìn)行字符串拼接
????? var?text1?=?"B"+status1;
????? var?text2?=?"B"+status2;
????? var?text3?=?"B"+status3;
????? console.log(text1,text2,text3);
????? $("#status2").empty();//清空第二個(gè)下拉框
?????
????? //根據(jù)status1判斷,避免第二個(gè)下拉框中出現(xiàn)違規(guī)值
????? if(status1?<=?7){
????? //將得到的文本值分別放入第二個(gè)下拉框中
????? var?option1?=?$("<option>").val(1).text(text1);
????? ?$("#status2").append(option1);
????? var?option2?=?$("<option>").val(1).text(text2);
???? ?$("#status2").append(option2);
???? ?var?option3?=?$("<option>").val(1).text(text3);
????? ?$("#status2").append(option3);
????? }else?if(status1?==?8){
????? var?option1?=?$("<option>").val(1).text(text1);
????? ?$("#status2").append(option1);
????? var?option2?=?$("<option>").val(1).text(text2);
???? ?$("#status2").append(option2);
????? }else?if(status1?==?9){
????? var?option1?=?$("<option>").val(1).text(text1);
????? ?$("#status2").append(option1);
????? }
? });
</script>根據(jù)樓主的要求自己寫了一個(gè)小demo,親測可以達(dá)到樓主所述目標(biāo).
