如何獲取下拉菜單的標題而不是值？

通常我會使用$ _POST ['dorp_down_menu_name']這給了我下拉菜單的ID。有沒有一種方法可以獲得該價值的標題？如何獲取下拉菜單的標題而不是值？

所以，如果我有

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

我需要返回「名稱在這兒」，而不是「10」

2013-03-26 Jaylen

我想你的意思是'drop_down_m enu_name'而不是'dorp_down_menu_name' - （'drop'），除非這是你想要的;-) – 2013-03-26 17:55:05

你的問題非常含糊。你應該考慮擴大它。從我們給出的最好的結果可以看出，你想要捕獲用戶從下拉客戶端選擇的內容。但是，你不需要選擇選項的值，你想要的標題。那是對的嗎？如果是這樣，你有什麼JavaScript庫在你的處置（即jQuery）？ – Codasaurus 2013-03-26 18:25:12

如果你需要能夠獲得價值和標題，有兩種方式：

a）創建隱藏的元素，將被填滿由javasript與onSubmit事件並將包含標題。

b）你可以在編譯時序列化它，比如value =「Title Goes Here ::: 10」，後來被:::分割，但只有當你確定，那個:::或者任何其他split-組合不能在原文

2013-03-26 17:54:28 Tigra

根據其他反饋，我必須使用JavaScript – Jaylen 2013-03-26 18:27:19

訣竅是隻讓<option>的價值是你想要的價值服務器端。沒有任何理由，你不能做到這一點：

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

2013-03-26 17:52:33

正確的答案，但OP需要問自己，如果兩個項目具有完全相同的標題會發生什麼 – Crisp 2013-03-26 17:54:39

如果OP需要將id保留在value屬性中，出於其他原因該怎麼辦？ – Codasaurus 2013-03-26 18:26:11

滿足假設你的意思是客戶端，你可以做使用jQuery的：

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

另一種選擇是使用數據虛擬財產：

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

2013-03-26 17:56:37 Codasaurus

回答