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

Jquery 获取选择选项的文本';s标签并将其填充到隐藏的输入字段中,jquery,select,label,Jquery,Select,Label,我想获取选择选项标签的文本,并将其填充到隐藏的输入字段中 我可以得到该值,但我想知道在选择或更改选项时如何填充隐藏字段。我实际上是一个jquery新手,所以我真的不知道与选择选项相关联的事件。我们需要查看一些HTML来准确了解您的标签设置,但下面是一个基本示例: $("#sel1").change(function () { $("#myInput").val(($("label[for=" + $(this).attr("id") + "]").text())); });​ 小提琴:

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


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

我们需要查看一些HTML来准确了解您的标签设置,但下面是一个基本示例:

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

小提琴:我刚刚创造了这个简单的。跟随评论以便更好地理解。有一个解决方案使用纯JavaScript,另一个使用jQuery

--编辑--

即使这不是原始问题的一部分,也可以通过以下方法获得“标签”值。

Fiddle:

代码

假设您的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=''/>
编辑要获取所选选项的标签,请重试
$(“#隐藏”).val($(this).find('option:selected').text())


更新的示例:

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

<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>

文本1
文本2
文本3
然后写脚本:


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

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

HTML


第一选择
第二种选择
第三种选择
JavaScript

var values = [1,3];

for(var i = values.length; i >=0; i--){
     $("#current_Values").append($('#id_select option[value="'+ values[i] +'"]').text()+"<br>");
}
var值=[1,3];
对于(var i=values.length;i>=0;i--){
$(“#当前#值”).append($(“#id#u选择选项[value=“”+Values[i]+“])。text()+”
”; }
我想要选项的标签实际上我怎样才能得到选项的标签而不是值???@techish抱歉,我忘了添加事件处理。请再次检查。如何获取所选选项的标签而不是值??
<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>
var values = [1,3];

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