html选择列表 - 获取显示的文本值

Question

我有一个bootstrap模式确认弹出窗口连接到表单提交按钮，我想要包含html选择列表中显示的当前文本值以及相同html选择列表的选定文本值。

例如，我有以下html选择列表：

<select name="test_list" id="id_test_list">
    <option value="one">One</option>
    <option value="two">Two</option>
    <option value="three">Three</option>
    <option value="four" selected="selected">Four</option>
    <option value="five">Five</option>
</select>

要将模态消息添加到提交按钮，我有以下代码：

$( "#submit_buttonA" ).attr('update-confirm', 'From ' + $('#id_test_list option:selected').text() + ' to ' + $('#id_test_list').text());

模态消息显示为：

From One to One Two Three Four Five

如何更改第二个文字值的代码 $（＆＃39;＃id_test_list＆＃39;）。text（）以仅显示html选择列表的当前文本值？

例如，用户在html选择列表中显示了选项值二（二）（但所选值仍为选项值四）。

From Four to Two

修改 我刚刚意识到我在这里问的问题！这是睡眠不足，长时间看问题而不是思考问题的结果。 很抱歉所有人都提出这样一个疯狂的问题。

Answer 1

我不确定你要做什么。但是如您所希望的那样，您可以使用选择的当前值或选定值

$( "#submit_buttonA" ).attr('update-confirm', 'From ' + $('#id_test_list option:selected').text() + ' to ' + $('#id_test_list').val());

将text()更改为val()

---

或者您也可以使用

$('#id_test_list :selected').text(); 

Answer 2

将.text()更改为.val()。

$('#id_test_list').val();

Answer 3

替换

submit_buttonA

到这个

id_test_list