我有一个如下所示的选择选项。这些值是动态创建的。有没有办法使用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]) );
});
关于javascript - 用js隐藏选择文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9166371/