js的prependTo函数问题

灌水王 · 发表于 2021-11-26 09:48:26

一个页面有2个select标签。

怎么定位

在第二个 select 标签

下面添加 N组 option 标签

<select ><option value="0" selected="selected">选择1...</option><option value="0" >选择2</option></select><select ><option value="0" selected="selected">需求1...</option><option value="0" >需求2</option></select>

复制代码

期望，能变成以下这样

<select ><option value="0" selected="selected">选择1...</option><option value="0" >选择2</option></select><select ><option value="0" selected="selected">需求1...</option><option value="0" >需求2</option><option value="0" >需求3</option><option value="0" >需求4</option><option value="0" >需求5</option></select>

复制代码

灌水王 · 发表于 2021-11-26 09:48:48

你这还是建议在两个select上添加class，这样更容易定位，下面有个demo

https://jsfiddle.net/wvktnsjq/

灌水王 · 发表于 2021-11-26 09:49:43

参考

https://www.52pojie.cn/forum.php?mod=redirect&goto=findpost&ptid=1509109&pid=39957867

灌水王 · 发表于 2021-11-26 09:50:00

复制代码

灌水王 · 发表于 2021-11-26 09:50:37

定位不到

lefiiibraih47 · 发表于 2021-11-26 09:51:25

没号，看不见说的啥没法参考

灌水王 · 发表于 2021-11-26 09:51:37

好像可以，但是要怎么定位来着

Cypress · 发表于 2021-11-26 09:52:12

document.querySelectorAll('select')[1]

https://codepen.io/falsecoder/pen/dyRBXGW

灌水王 · 发表于 2021-11-26 09:52:55

感谢老哥，但是，我是想往里面添加 option，不是选择他呀

document.querySelectorAll('select')[1].append('ddd'); 好像也不行

灌水王 · 发表于 2021-11-26 09:53:46

那是因为 append 接受的参数是 Element 类型
https://codepen.io/falsecoder/pen/dyRBXGW