Re: [問題] 如何將select的值取出運用

[musie (Sirius)]

※ 引述《Leocancer (一起幸福〃)》之銘言：
: 剛開始接觸網頁程式,都還在摸索當中
: 盼前輩給予指教!
: 以下是HTML語法
: <div id="1"><input type="hidden" name="a" /></div>
: <div id="2"><input type="hidden" name="a" /></div>
: <div id="3"><input type="hidden" name="a" /></div>
: <div id="4"><input type="hidden" name="a" /></div>
: <select name="test">
:         <option value="1">一</option>
:         <option value="2">二</option>
:         <option value="3">三</option>
:         <option value="4">四</option>
: </select>
: 不知道該如何做到,
: 比如說當我select選取了<option value="1">一</option>,
: 此時對應value的<div id="1">,
: 會變成<div id="1">一<input type="hidden" name="a" value="1" /></div>
: 且select內就沒有<option value="1">一</option>這個選項,
: 這是我第一次碰到這樣稍微複雜的程式(小新手QQ")
: 嘗試寫出的js都有錯誤就不好意思貼上來...
: 先感謝各位前輩!!

$("input[name="test"]").change( function(){

         var html = $("select option:selected").html();
         var id   = $("select option:selected").val();

         $("div#"+ id).append(html);
         $("div#" + id).find("input").val(id);

         $("select option:selected").remove();

});


語法可能有錯，(沒再背 @@)，但是概念就是這樣..


--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 122.146.228.192
※ 編輯: musie           來自: 122.146.228.192      (09/07 13:24)
→ gname:沒必要用jQuery吧, onchange時把 this.value傳出去組合就行
→ musie:他要 remove該元件..
→ gname:remove option 也實在不需要把jQuery搬出來,它有它的舞台...
→ musie:會用jQuery 主要寫作起來比較方便，你想用純JS也可以
→ musie:網頁寫法百百種，我只是提供一種我覺得快捷的方法..
→ kerash:有幾個勘正@@, input -> select, 然後他要多一個 option