Question

我想获取选择选项标签的文本并将其填充到隐藏的输入字段中。

我可以获取值，但我想知道在选择或更改选项时如何填充隐藏字段。我实际上是一个jquery新手，所以我真的不知道与select选项相关的事件。

Answer 1

代码

假设您的HTML

<select id="select">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>    
</select>

<input type='hidden' id='hidden' value=''/>

jquery代码将是

$("#select").change(function () {
    $("#hidden").val($(this).val());
    //alert($(this).val()) 
})

编辑要获取所选选项的标签，请尝试 $("#hidden").val($(this).find('option:selected').text());

更新示例：http://jsfiddle.net/m5A9U/1/

Answer 2

我刚创建了这个简单的jsFiddle。按照评论进行更好的理解。有一个使用纯JavaScript的解决方案，另一个使用jQuery。

- 编辑 -

即使它不是您原始问题的一部分，此处jsFiddle 2也是您获取“标签”而非价值的方式。

Answer 3

我们需要查看一些HTML以确切了解您的标签设置方式，但这是一个基本示例：

$("#sel1").change(function () {
    $("#myInput").val(($("label[for=" + $(this).attr("id") + "]").text()));
});

小提琴：http://jsfiddle.net/johnkoer/Lh8Eg/6/

Answer 4

获取select元素的选项标签。我们可以试试这个：

<select id="id_select">
    <option value="myval_1">Text 1</option>    
    <option value="myval_2">Text 2</option>
    <option value="myval_3">Text 3</option>
</select>

然后写脚本：

$('#id_select option[value="'+ $('#id_select').val() +'"]').text();

Answer 5

如果您有一个值列表，您希望根据选择输入中的文本将其转换为人类可读的文本：

HTML

<div id="current_values"></div>

<select id="id_select">
<option value="1">First Option</option>
<option value="2">Second Option</option>
<option value="3">Third Option</option>
</select>

的JavaScript

var values = [1,3];

for(var i = values.length; i >=0; i--){
     $("#current_Values").append($('#id_select option[value="'+ values[i] +'"]').text()+"<br>");
}

获取选择选项标签的文本并将其填充到隐藏的输入字段中

5 个答案: