jquery - 如何将隐藏输入附加到另一个输入的文本

Question

一直在努力解决这个问题，我试图做的是根据第一个文本创建第二个隐藏输入字段，具体取决于所选内容，这就是我尝试过的:

  <script>
   var $extraval = $('#citycode option:selected').text();
   var input = $("<input>").attr("type", "hidden").attr("name", "city").val("$extraval");
   $('#form').append($(input));
  </script>

这就是第一个选择的样子

<select id="citycode" name="citycode">
  <option value="3439389">Asuncion</option>
  <option value="3439352">Bella Vista</option>
  <option value="3439101">Ciudad Del Este</option>
  <option value="3438735">Encarnacion</option>
</select>

所以基本上我想做的是创建第二个隐藏表单输入，当作为输入的值提交时，使用此选择的文本

Answer 1

假设它在#form内部，我发现了两个错误:

• 当您尝试设置将 $extraval 作为参数传递的 input 值时，不必使用 "。
• input 已经是一个 jQuery 对象，因此要附加它，您必须执行以下操作:.append(input)

尝试以下操作:

var extraval = $('#citycode option:selected').text();
var $input = $("<input>", {
    'type': 'hidden',
    'name': 'city',
    'value': extraval
});
$('#form').append($input);

demo