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

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

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

Answer 1

小提琴： http ： //jsfiddle.net/m5A9U/

码

假设你的HTML是

 One Two Three   

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元素的选项标签。 我们可以试试这个：

  Text 1 Text 2 Text 3  

然后写脚本：

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

Answer 5

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

HTML

 
  First Option Second Option Third Option  

JavaScript的

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