生成选择，而不是输入

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. 隐藏你的输入框：

   $（ “＃身份识别码”）的hide（）;之前或之后输入框

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. 插入这个盒子：

2. 动态生成一个选择盒

$（选择）.insertBefore（$（ “＃身份识别码”））;

或

$（选择）。insertAfter（$（ “＃身份识别码”））;