作者tomin (弱水三千 只取一瓢飲)
看板Ajax
標題Re: [問題] 請教新增動態select
時間Thu Sep 5 13:18:02 2013
: <form>
: Select your favorite fruit:
: <select id="mySelect1">
: <option value="Apple">Apple</option>
: <option value="Orange">Orange</option>
: </select>
: <input type="button" value="addselect" onClick="addselect()" />
: </form>
:
: 我想要按下AddSelect這個按鈕，就多一個select的項目
:
: 推 duck10704:Clone原本的selector再append上去 09/05 12:57
如版友所言 這樣做即可 只是表單通常要有name，id當然也要不同
jQuery版本
http://jsfiddle.net/tEYkY/1/
YUI版本
http://jsfiddle.net/zzvz7/
試試看用lib操作 會簡單很多
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 202.89.121.16
1F：推 kis87988:如果沒用到jQuery有辦法單純用java script有機會實現嗎? 09/05 13:32
2F：→ lyforever:當然可以.... 09/05 13:59
4F：→ tomin:lib也是用javascript寫的 只是lib包裝得比較好用漂亮 09/05 14:11
6F：→ tomin:Gj lyf 09/05 21:22
7F：推 kis87988:這裡的大家也太強大了...我當初還想說要用 09/06 01:07
8F：→ kis87988:createElement('select')來寫.. 09/06 01:07
9F：→ kis87988:請教一下...~~element.id.split('mySelect')[1]; ~~是甚 09/06 01:17
10F：→ kis87988:意思呢? 09/06 01:18
11F：→ danny8376:這寫法www 09/06 07:10
12F：→ danny8376:~這運算子是位元運算的NOT 效果上就是把每個位元反轉 09/06 07:12
13F：→ danny8376: 值 09/06 07:12
14F：→ danny8376:而JS在遇到運算時會自動轉換型態 09/06 07:13
15F：→ danny8376:所以~~最終效果等同parseInt("STRING", 10) 09/06 07:13
16F：→ danny8376:不過會額外多兩次NOT運算... 不算太好的寫法www 09/06 07:16
17F：→ danny8376:還有 如果是用form送資料的話要記得name也要改OWO 09/06 07:26
18F：→ lyforever:只是不想寫parseInt XDDDDD 09/06 10:29
19F：→ danny8376:確實~~字數少很多啦XDDDDD 09/06 11:23
20F：→ danny8376:對了 上面修正一下 ~~ 效果等同 parseInt("STRING") 09/06 11:26
21F：→ danny8376:這樣才對 因為自動轉換不會限制dec 如果給的字串是 09/06 11:27
22F：→ danny8376:0x開頭會被當hex處理www 09/06 11:27