Cheeriojs 从选择/选项中检索所有文本和属性

编程入门 行业动态 更新时间:2024-10-03 08:16:34

Cheeriojs 从选择/选项中检索所有文本和<a href=https://www.elefans.com/category/jswz/34/1771415.html style=属性"/>

Cheeriojs 从选择/选项中检索所有文本和属性

我在网页中有以下代码,我必须从第二个

select
中检索所有
option
文本和属性以将它们放入变量中。

我试过这样但它不起作用,没有创建元素数组,我哪里错了?

网页:

<select name="type" id="search-type">
   <option value="value0">Title0</option>
   <option value="value1">Title1</option>
</select>

...


<select onchange="location = this.options[this.selectedIndex].value;">
   <option value="value0">Titleo</option>
   <option value="value1">Title1</option>
   <option value="value2">Title2</option>
   <option value="value3">Title3</option>
</select>

代码:

const eps = $('select')
        .find('option')
        .each((_, op) => ({
          ep: $(op).text(),
          url: $(op).attr('value'),
          select: 1,
        }))
.slice(2);
console.log(eps);
回答如下:

我认为, .each() 方法不返回任何东西,所以你的

eps
变量没有被分配一个对象数组。你可以使用 jQuery 尝试这样的事情:

const options = $('select:eq(1) option').map(function() {
  return {
    text: $(this).text(),
    value: $(this).val()
  };
}).get();

console.log(options);

或者使用原生 JavaScript:

const select = document.getElementsByTagName('select')[1];
const options = Array.from(select.options).slice(1).map(function(option) {
  return {
    text: option.text,
    value: option.value
  };
});

console.log(options);

更多推荐

Cheeriojs 从选择/选项中检索所有文本和属性

本文发布于:2024-05-30 13:22:10,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1770538.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:属性   选项中   Cheeriojs   文本和

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!