Сформировать Выберите вместо ввода

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. Динамически генерировать отборный-Box:

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