php - 根据选择选项标签更改输入值

Question

我一直在寻找解决方案，但没有找到；它与通常的解决方案有点不同。

我正在构建一个 PHP 图形系统，作为其设置功能的一部分，我需要能够使用 1 个“选择”输入提交到 MySQL 数据库中的 2 列。用户看到一个眼睛友好的下拉菜单，选择一个眼睛友好的选项，然后添加 2 个所需的值。提交的一个值需要引用一个 sql 格式的列名(例如 col_1)，另一个值需要是它的眼睛友好标签(“Column 1”)。所以对于下面的例子:

<select name="col_name" id="col_name">
        <option value="first_name">First Name</option>
        <option value="middle_name">Middle Name</option>
        <option value="second_name">Second Name</option>
</select>

<input type="hidden" name="col_title"></input>

自动将选定的值输入到隐藏的输入输出中很容易，但我需要选定选项的标签(如果这是它的名称)自动输入隐藏的输入，#col_title。所以不是选择的值(EG middle_name)，而是标签(Middle Name)，我在上面找不到太多。

有人能帮忙吗？谢谢!

Answer 1

使用 .text() 获取元素的文本。 :selected 修饰符将选择选定的选项。

var label = $("#col_name option:selected").text();
$("input[name=col_title]").val(label);