生成选择而不是输入

Question

由于编辑某些模板的限制，我真的需要你的帮助：

1. 生成一个选择列表 预定义选项而不是输入 字段
2. 输入字段后隐藏 选择生成
3. 选择某个选项时转移 该选项的价值隐藏在那个 输入

---

我提供了一些更清晰的HTML：

这是我们在应用jQuery之前在模板中得到的结果：

<input type="text" id="myId" name="myName" value="">

这是应用jQuery后我们需要的

<select id="mySelect">
   <option>a</option>
   <option>b</option>
   <option>c</option>
</select>

<input type="text" id="myId" name="myName" value="" style="display:none">

请注意：我需要预定义选项值及其数量。必须在输入字段所在的位置生成选择。

：我还需要在某些模板中生成两个或更多选择列表，并将所选选项的值一致地传输到一个输入中。

示例：

   <select id="mySelect1">
     <option>a</option>
   </select>

   <select id="mySelect2">
     <option>b</option>
   </select>

   <input type="text" id="myId" name="myName" value="a b" style="display:none"> //a + b added

提前致谢！

Answer 1

1. 隐藏输入框：

   $（ “＃MYID”）隐藏（）;

2. 动态生成一个选择框：

var select = "<select onchange=\"$('#myId').val(this.value);\">"+
             "<option value=\"a\">a</option>" +
             "<option value=\"b\">b</option>" +
             "<option value=\"c\">c</option>" +
             "</select>";

1. 在输入框之前或之后插入此框：

  

$（选择）.insertBefore（$（ “＃MYID”））;

或

  

$（选择）.insertAfter（$（ “＃MYID”））;