我有一个具有不同值的选择。我想做的是,如果值包含文本"pa_course-date“,则遍历每个选项,并将其添加到选项名称"Course Date”中。
所以它写着“课程日期-课程-日期-芳香疗法”等等
我不会从这一点开始。如果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>
发布于 2019-06-13 03:50:30
试试这个:
const options = document.querySelectorAll('.attribute_taxonomy option');
options.forEach(o => {
const currentValue = o.getAttribute('value');
o.innerHTML = `Course Date - ${currentValue}`;
});
<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>
发布于 2019-06-13 03:59:08
在select中尝试以下代码,
return valueList.map(v => {
if(v === "pa_course-date") {
return <option value={"Course Date" + v}>{"Course Date" + v}</option>
}
})
发布于 2019-06-13 04:02:59
这应该可以很好地工作
$(document).ready(function(){
$("#select>option").each(function(){
$(this).text(this.text + ' - ' + this.value)
})
})
<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>
https://stackoverflow.com/questions/56569334
复制相似问题