生成選擇，而不是輸入

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（$（ 「＃身份識別碼」））;