Question

如何选中html中下拉列表中的选项的文字

Answer 1

现在我们有一个下拉列表，Html代码如下：

[html] view plain copy
<select id="fruit_type">
<option value ="f1">Apple</option>
<option value ="f2">Banana</option>
<option value ="f3">Orange</option>
<option value ="f4">Pearl</option>
</select>

这个是时候我们想拿到选中的水果的名字，比如Apple，下面的代码不行：

[javascript] view plain copy
var fruit_select = document.getElementById("fruit_type");
var fruit_name = fruit_select.value;

这个时候只能拿到水果的id，比如 f1

这时需要先得到选中的菜单项的index，再取文字

[javascript] view plain copy
var fruit_select = document.getElementById("fruit_type");
var fruit_index=fruit_type_select.selectedIndex;
[javascript] view plain copy
// 这行会返回 f1
var fruit_id = fruit_type_select.options[fruit_type_index].value;
[javascript] view plain copy
// 这行才能返回我们想要的 Apple
var fruit_name = fruit_type_select.options[fruit_type_index].text;

Answer 2

选中单元格后，点击数据有效性后可以在数据源中进行修改

Excel版本参考：2010
测试：把下拉菜单中的“修改”改为“已修改”
1、选中要修改下拉菜单的单元格（测试单元格A1）
2、点击数据-数据有效性
3、来源（修改对应的内容），确定
4、查看效果

Answer 3

document.getElementById("fruit_type").options[document.getElementById("fruit_type").selectedIndex].text

Answer 4

点击就选中了啊