下拉1的資料來源是DB, 下拉2內容是我寫死的

如果你不會或是沒寫過,可以參考這個範例,這不是唯一個方法,但是是可行的方法(其實這寫法滿笨的XD)
 

//下拉1

<td class="titelTd">問卷類型:</td>

<td>

<select class="form-control" name="questionType" id="questionType" OnChange="reportKey(this.selectedIndex);">

<option value="">請選擇</option>

<c:forEach var="listValue" items="${questionVo}">

<option value ="${listValue.qid}">${listValue.questionName}</option>

</c:forEach>

</select>

</td>

//下拉2

<td class="titelTd">報表類型:</td>

<td>

<select class="form-control" name="reportNo" id="reportNo">

<option value="">請選擇</option>

</select>

</td>

---------------

下面是呼叫的java script 

function reportKey(index){

 

var oldLen = reportNo.options.length;

var oldIndex = reportNo.options.selectedIndex;

 

    var select = document.getElementById("reportNo");

    var i;

    for(i = select.options.length - 1 ; i >= 0 ; i--){

    select.remove(i);

    }

   

if(index==1){ //車主問卷

var labels = new Array("請選擇","新車報表全部","新車報表-Part1.","新車報表-Part2.","新車報表--Part3.","新車報表--Part4.","新車報表--Part5.");

var values = new Array("","newCar_All","newCar_Part1","newCar_Part2","newCar_Part3","newCar_Part4","newCar_Part5");

}else if(index==2){ //回廠問卷

var labels = new Array("請選擇","回廠報表全部","回廠報表-Part1.用車行為/未來期望","回廠報表-Part2.資訊來源","回廠報表-Part3.客戶關係","回廠報表-Part4.零服保養滿意度評價","回廠報表-Part5.車主基本資料");

var values = new Array("","back_All","back_Part1","back_Part2","back_Part3","back_Part4","back_Part5");

}

 

   for(var i=0; i<labels.length; i++) {

       reportNo.add( document.createElement("OPTION") );

       reportNo.options[i].text = labels[i];

       reportNo.options[i].value = values[i];

   }

}

文章標籤
創作者介紹
創作者 瑞、瑪姬與小昆妮 的頭像
瑞、瑪姬與小昆妮

瑞瑪姬與小昆妮♫趴趴走黑白吃

瑞、瑪姬與小昆妮 發表在 痞客邦 留言(0) 人氣()