生成选择而不是输入

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").hide();

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. 在输入框之前或之后插入此框：

$(select).insertBefore($("#myId"));

或

$(select).insertAfter($("#myId"));