jquery - 如何将选择框的文本插入隐藏字段

Question

我需要将选定文本框的文本插入隐藏字段，我不太确定如何实现这一点，

如有任何帮助，我们将不胜感激。

<form id="select">
                <select name="select" id="select">
                  <option>NY, 10&quot;, £6.65</option>
                  <option>NY, 12&quot;, £8.95</option>
                  <option>NY, 16&quot;, £11.95</option>
                  <option>Chicago, 7&quot;, £3.45</option>
                  <option>Chicago, 10&quot;, £6.65</option>
                  <option>Chicago, 12&quot;, £8.95</option>
                  <option>Chicago, 16&quot;, £11.95</option>
                  <option>Chicago, Beast 24&quot; x 18&quot;, £19.95</option>
                 </select>
         </form>


<form id="add-pizza">
<input type="hidden" name="my-item-name" value="" />
</form>

我需要将文本框的文本插入隐藏字段 value=""。

   $(function()
    {
    var str="";
    $("#select option:selected").each(function() {
        str += $this.text() + "";
});

  });

谢谢

Answer 1

您可以使用选择的更改功能来运行将所选选项的文本复制到隐藏输入中的功能。

示例:

$('#select').change( function(){
  $('input[name=my-item-name]').val( $(this).children(':selected').text() );
});