首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >循环选定内容中的所有选项,并将该值添加到选项名称

循环选定内容中的所有选项,并将该值添加到选项名称
EN

Stack Overflow用户
提问于 2019-06-13 03:41:43
回答 3查看 38关注 0票数 1

我有一个具有不同值的选择。我想做的是,如果值包含文本"pa_course-date“,则遍历每个选项,并将其添加到选项名称"Course Date”中。

所以它写着“课程日期-课程-日期-芳香疗法”等等

我不会从这一点开始。如果javascript专家能看一看,我会很高兴。

代码语言:javascript
复制
<option value="pa_course-date-aromatherapy">Course Date</option>
<option value="pa_course-date-basic-colouring">Course Date</option>
<option value="pa_course-date-body-wraps">Course Date</option>
<option value="pa_course-date-brow-tinting">Course Date</option>
<option value="pa_course-date-cold-fusion">Course Date</option>     
EN

回答 3

Stack Overflow用户

发布于 2019-06-13 03:50:30

试试这个:

代码语言:javascript
复制
const options = document.querySelectorAll('.attribute_taxonomy option');

options.forEach(o => {
  const currentValue = o.getAttribute('value');
  o.innerHTML = `Course Date - ${currentValue}`;
});
代码语言:javascript
复制
<select name="attribute_taxonomy" class="attribute_taxonomy">

<option value="pa_course-date-aromatherapy">Course Date</option>
<option value="pa_course-date-basic-colouring">Course Date</option>
<option value="pa_course-date-body-wraps">Course Date</option>
<option value="pa_course-date-brow-tinting">Course Date</option>
<option value="pa_course-date-cold-fusion">Course Date</option>     

</select>

票数 2
EN

Stack Overflow用户

发布于 2019-06-13 03:59:08

在select中尝试以下代码,

代码语言:javascript
复制
return valueList.map(v => {
    if(v === "pa_course-date") {
        return <option value={"Course Date" + v}>{"Course Date" + v}</option>
    }
})
票数 2
EN

Stack Overflow用户

发布于 2019-06-13 04:02:59

这应该可以很好地工作

代码语言:javascript
复制
$(document).ready(function(){
	$("#select>option").each(function(){
  	$(this).text(this.text + ' - ' + this.value)
  })
})
代码语言:javascript
复制
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="select">
  <option value="pa_course-date-aromatherapy">Course Date</option>
  <option value="pa_course-date-basic-colouring">Course Date</option>
  <option value="pa_course-date-body-wraps">Course Date</option>
  <option value="pa_course-date-brow-tinting">Course Date</option>
  <option value="pa_course-date-cold-fusion">Course Date</option>     
</select>

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56569334

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档