javascript - 使用 jquery 替换选择选项文本
问题描述
我尝试通过 jquery 更改选择选项之一的文本。但它不起作用。
https://jsfiddle.net/oj3spt0y/8/
$(document).ready(function() {
var els = $('#coupon-options select').find('option[text="Unknown"]'); // tried .text('sd')
$.each(els, function(i, v) {
v.text('sd') // tried $(this).text('sd')
})
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="coupon-options">
<select name="asd" class="form-control" title="" id="gfhfg">
<option value="1" selected="">Unknown</option>
<option value="2">Yes</option>
<option value="3">No</option>
</select>
</div>
解决方案
您可以尝试使用 jQuery 的:contains()
选择器
$(document).ready(function() {
var op = $('#coupon-options select option:contains(Unknown)');
op.text('sd')
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="coupon-options">
<select name="asd" class="form-control" title="" id="gfhfg">
<option value="1" selected="">Unknown</option>
<option value="2">Yes</option>
<option value="3">No</option>
</select>
</div>
推荐阅读
- node.js - ReactJS - NodeJS - 在 AWS Lambda 上连接到 Graphql 的问题
- android - 在 Android Studio 3.1.2 中添加 Volley 的问题
- sql-server - 大小写表达式错误(非布尔值)
- javascript - 如何在角度 4 中动态生成 ngmodel
- oracle-apex - 有没有办法隐藏静态区域标题
- vba - scrollBy到达网页底部时如何退出循环?
- reactjs - 如何在 BarChart React HIghCharts 中设置 Y 轴上的 PlotLines 样式?
- python - 如何按轴选择熊猫表的行索引或列索引
- html - 样式引导自定义选择下拉菜单
- c# - ORMLite 与 ASPNET Core 2.0 的正确用法是什么?