создать выбор и ввод параметров через JQuery

Question

создать выбор и ввод параметров через JQuery

0

Есть ли способ создать выбор ввода, как мы можем сделать для ввода текста в 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");

Prem 28 нояб. 2013, в 08:15

Источник

Теги:

javascript

jquery

3 ответа

0

Нет такой вещи, как <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]) );

Rob M. 28 нояб. 2013, в 04:47

0

Да спасибо. Это я поняла. Но даже если я создам var selectinput = <select> и var optioninput = '<option>', как я могу обернуть option в select?
Prem 28 нояб. 2013, в 06:37

0

попробуй это



var data = {
    'foo': 'bar',
    'foo2': 'baz'
}


var s = $('<select />');

for(var val in data) {
    $('', {value: val, text: data[val]}).appendTo(s);
}

s.appendTo('body');

sushil bharwani 28 нояб. 2013, в 03:59

0

нет, это не работает. Я добавил в newtextBoxDiv div как newTextBoxDiv.append (searchInput) .append ("& nbsp;"). Append (s) .append (hidd); только что добавил тег <select> без параметров
Prem 28 нояб. 2013, в 06:45

Ещё вопросы

Да спасибо. Это я поняла. Но даже если я создам var selectinput = <select> и var optioninput = '<option>', как я могу обернуть option в select?
нет, это не работает. Я добавил в newtextBoxDiv div как newTextBoxDiv.append (searchInput) .append ("& nbsp;"). Append (s) .append (hidd); только что добавил тег <select> без параметров

nrsharma · Accepted Answer · 2013-11-28T04-35-00.000Z

Попробуй это

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

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

Вы можете найти более подробную информацию - Подробнее.