如何更改选项(select)的'value'属性中的文本？

Question

<select id="selectnav1" class="selectnav">
<option value="">- Navigation -</option>
<option selected="" value="javascript:void">Category 1</option>
<option value="javascript:void">Airbrush tanning</option>
<option value="javascript:void">Category 3</option>
<option value="javascript:void">Category 4</option>
<option value="javascript:void">Category 5</option>
<option value="javascript:void">Category 6</option>
</select>

我想用option元素中的主文本替换/设置value属性中的文本.示例:对于第一个选项,即categeory 1,我想将javascript:void更改为'category 1',同样适用于所有其他选项.

jsbin

Answer 1

你可以这样做:

$('#selectnav1 > option:gt(0)').val(function(){
    return $(this).text();
});

gt 选择器意味着大于索引.