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

看板Web_Design作者 (Sirius)時間12年前 (2011/09/07 13:22), 編輯推噓0(006)
留言6則, 3人參與, 最新討論串2/4 (看更多)
※ 引述《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)

09/07 13:42, , 1F
沒必要用jQuery吧, onchange時把 this.value傳出去組合就行
09/07 13:42, 1F

09/07 13:45, , 2F
他要 remove該元件..
09/07 13:45, 2F

09/07 13:57, , 3F
remove option 也實在不需要把jQuery搬出來,它有它的舞台...
09/07 13:57, 3F

09/07 14:00, , 4F
會用jQuery 主要寫作起來比較方便,你想用純JS也可以
09/07 14:00, 4F

09/07 14:01, , 5F
網頁寫法百百種,我只是提供一種我覺得快捷的方法..
09/07 14:01, 5F

09/07 15:42, , 6F
有幾個勘正@@, input -> select, 然後他要多一個 option
09/07 15:42, 6F
文章代碼(AID): #1EPl-lU- (Web_Design)
討論串 (同標題文章)
文章代碼(AID): #1EPl-lU- (Web_Design)