用js隐藏选定文本
Hiding select text with js
我有一个选择选项,如下所示。这些值是动态创建的。有没有办法用js/jquery隐藏价格?
请记住,我不能访问文本,所以我不能将价格包装在一个范围内并设置显示:无
<label for="input_1_33">Condition</label>
<select tabindex="2" name="input_33">
<option value="Please Select|" price="">Please Select</option>
<option value="Poor|-5" price="-£ 5.00">Poor -£ 5.00</option>
<option value="Average|0" price="">Average</option>
<option value="Good|5" price="+£ 5.00">Good +£ 5.00</option>
<option value="Excellent|10" price="+£ 10.00">Excellent +£ 10.00</option>
</select>
看起来是这样的:
<label for="input_1_33">Condition</label>
<select tabindex="2" name="input_33">
<option value="Please Select|" price="">Please Select</option>
<option value="Poor|-5" price="-£ 5.00">Poor</option>
<option value="Average|0" price="">Average</option>
<option value="Good|5" price="+£ 5.00">Good</option>
<option value="Excellent|10" price="+£ 10.00">Excellent</option>
</select>
提前感谢
这里有一种超简洁的方法来满足您的需求:jsFiddle
jQuery:
$('select[name="input_33"] option:gt(0)').each(function(){
$(this).text( ($(this).text().split(' ')[0]) );
});
为Select分配一个ID,然后在Script块中分配以下内容:
<script language="javascript" type="text/javascript">
$(document).ready(function () {
$("#input_33").each(function () {
$('option', this).each(function () {
var option = this;
var space = option.text.indexOf(" ");
if (space > -1) {
option.text = option.text.substring(0,space);
}
})
});
});
</script>
编辑:正如你所看到的,我所做的是在每个选项项中找到空格,然后在找到空格的地方剪切字符串。它会让"请选择"变成"请",但你会得到漂移。
祝你好运!
相关文章:
- 在mvc应用程序中,在回发时保留最初隐藏的文本框的隐藏或可见状态
- 如何使用javascript隐藏文本
- 在显示/隐藏中单击时删除的文本
- 通过ng-if设置隐藏文本框的值
- Codemirror:将特定的基于模式的文本隐藏到编辑器中
- 使文本在它之后再次可见'It’s被一个按钮隐藏了
- 移动HTML输入文本框在提交时隐藏软键盘
- 只隐藏那些为空或没有文本的跨度
- Selenium认为文本框是隐藏的,即使我可以在浏览器中看到它
- 如何根据文本长度立即显示和隐藏字段?-JQuery
- Jquery日期选择器-我们如何将文本隐藏在日期选择器文本框中
- 使用 JS 将文本隐藏在元素中(而不是元素本身)
- 如何使一个文本隐藏另一个文本
- JQuery显示隐藏与无序列表:需要添加动态文本/隐藏功能
- 基于文本隐藏面板
- Span文本隐藏的动画DIV尽管z索引
- 为什么幻灯片面板打开时标题文本隐藏
- Javascript:切换纯文本隐藏它像密码文本点击按钮
- 当到达底部页面部分时,Jquery用锚文本隐藏Div
- Javascript,使多个文本隐藏文本输入可见