作者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