создать выбор и возможность ввода через jquery

Question

Есть ли способ создать вход ввода, как мы можем сделать для ввода текста в jquery-коде ниже. Ниже код не работает для Select. Любая помощь будет высоко оценена.

counter = 1; 
    var searchInput = $(' <input/>', { 
    type: 'text', 
    placeholder: 'Product Name', 
    name: 'row['+counter+'][product_name]', 
      class : 'txtvalue', 
    id: 'project' + counter 
}); 

    var quarterInput = $(' <input/>', { 
    type: 'select', 
    value: ('1','2','3'), 
    name: 'row['+counter+'][quarter]', 
class : 'text', 
    id: 'project-quarter' + counter 
}); 
var hidd = $('<input/>', { 
    type: 'hidden', 
    name: 'searchhid' + counter, 
    id: 'project-id' + counter 
}); 

newTextBoxDiv.append(searchInput).append("&nbsp;").append(quarterInput).append(hidd); 
newTextBoxDiv.appendTo("#TextBoxesGroup"); 

Answer 1

Попробуйте

Создать выберите элемент

var ddl = $("<select id=\"ddlId\" name=\"ddlName\" />"); 

Теперь добавим параметры в нем

var data = { 
    '1': '1', 
    '2': '2', 
    '3': '3', 
} 

for(var val in data) { 
    $("<option />", {value: val, text: data[val]}); 
} 

newTextBoxDiv.append(ddl); 

Адрес: Read More.

Answer 2

Там нет такого понятия, как <input type="select" />, что вы ищете является select тегом: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select

В JQuery это будет создано с $('<select />'), а затем вы можете добавить опции к нему. Чтобы прояснить процесс добавления опций к выбору, существует много подходов, которые вы могли бы предпринять. Если вы собираетесь делать это несколько раз, я хотел бы создать фабричную функцию, которая возвращает список опций, как это:

var generate_options = function(values){ 
    var options = []; 
    if('splice' in values){ 
     for(var i = 0; i < values.length; i++){ 
      options.push($('<option>'+values[i]+'</option>').val(values[i])); 
     } 
    } 
    return options; 
} 

$('<select />').append(generate_options([1,2,3,4]));