js的prependTo函数问题

[复制链接]
查看: 10166   回复: 9
发表于 2021-11-26 09:48:26 | 显示全部楼层 |阅读模式
一个页面有2个select标签。

怎么定位

在第二个 select 标签

下面添加  N组 option 标签
  1. <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>
复制代码

期望,能变成以下这样
  1. <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/

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 支持 反对

使用道具 举报

 楼主| 发表于 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 | 显示全部楼层
  1. const selector2 = document.querySelector('select:nth-child(2)')
复制代码
回复 支持 反对

使用道具 举报

 楼主| 发表于 2021-11-26 09:50:37 | 显示全部楼层
定位不到

js的prependTo函数问题

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 支持 反对

使用道具 举报

发表于 2021-11-26 09:51:25 | 显示全部楼层
没号,看不见 说的啥  没法参考
回复 支持 反对

使用道具 举报

 楼主| 发表于 2021-11-26 09:51:37 | 显示全部楼层
好像可以,但是要怎么定位来着
回复 支持 反对

使用道具 举报

发表于 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
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则