Генерация выбора вместо ввода

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"));