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>

我需要将文本框的文本插入隐藏字段值=“”。

   $(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() );
});

Answer 2

$('#id_of_hidden_input').val($('#id_of_select').val());

Answer 3

由于您没有为select提供值，因此select的文本也将是值。

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

Answer 4

首先尝试在隐藏字段中添加ID。然后我相信你可以做到

$("#yourHiddenFieldID").val(str);

Answer 5

此库提供此类功能：http://www.texotela.co.uk/code/jquery/select/

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

5 个答案: