如何获取下拉菜单的标题而不是价值？

Question

Normaly我会使用$ _POST [＆＃39; dorp_down_menu_name＆＃39;]这给了我下拉菜单的ID。获得该值的标题是否有诀窍？

所以，如果我有

<select name="dorp_down_menu_name">
    <option value="10">Title Goes Here</option>
</select>

我需要回归＆＃34; Title Goes Here＆＃34;而不是＆＃34; 10＆＃34;

Answer 1

诀窍是让<option>的值成为服务器端所需的值。没有理由你不能这样做：

<option value="Title Goes Here">Title Goes Here</option>

Answer 2

如果您需要同时获得价值和头衔，您有两种方式：

a）创建隐藏元素，javasript将使用onSubmit事件填充并包含标题。

b）你可以在建设时序列化这个，比如value =“Title Goes Here ::: 10”然后由:::分割，但仅在你确定，:::或任何其他拆分组合的情况下在原文中无法满足

Answer 3

假设您的意思是客户端，您可以使用jquery：

var selectedText = $('[name="dorp_down_menu_name"]').find(":selected").text();

另一个选择是使用data伪属性：

<option value="10" data-title="Title goes here">Title goes here</option>