TA貢獻23條經驗 獲得超7個贊
<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();//得到第一個下拉框的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?=?$("<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>根據樓主的要求自己寫了一個小demo,親測可以達到樓主所述目標.
舉報
