js取得下拉選單中文字後輸出input送出變數的方法-教學撰寫:徐嘉裕Neil hsu

我們都知道下拉選單select本身可以設定一個name值，然後會吧作用中的選單value值post出去，但如果要連同選單中文字一起post出去，那就用另外用js來撈取作用中選單中數值在透過input傳送出去，方法如下：

選單結構：

<select size='1' name='options[2]' id='select' >
<option value='0' >選擇影片分類</option>
<option value=1 selected='selected'>活動影片</option>

<option value=2 >宣導影片</option>

<option value=3 >校園新聞</option>
</select>

<div id='hiddenbox'><input  type='hidden' name='options[3]' value='".$options[3]."'></div> 
 //這是要讓js傳值建立input的容器

js-code：

$(document).ready(function(){
$('#select').change(function(){
$classification=$(this).find(':selected').text();
hiddenbox($classification);
});
function hiddenbox($classification){
$('#hiddenbox').html("<input type='hidden' name='options[3]' value='"+$classification+"'>");
}
});

這樣就能吧作用中的選單文字以name='options[3]'傳送出去了，所以可以同時傳送選單中的value值跟text兩個數值，有需要的朋友參考看看!!

教學撰寫：徐嘉裕 Neil hsu