通过jQuery创建选择(select)和选项(option)输入(input)。

15 浏览
0 Comments

通过jQuery创建选择(select)和选项(option)输入(input)。

有没有办法像在jquery代码中为文本输入框那样创建选择输入框。下面的代码对选择输入框无效。非常感谢帮助。

counter = 1;
var searchInput = $(' ', {
    type: 'text',
    placeholder: '产品名称',
    name: 'row['+counter+'][product_name]',
    class : 'txtvalue',
    id: 'project' + counter
});
var quarterInput = $(' ', {
    type: 'hidden',
    name: 'searchhid' + counter,
    id: 'project-id' + counter
});
newTextBoxDiv.append(searchInput).append(" ").append(quarterInput).append(hidd);
newTextBoxDiv.appendTo("#TextBoxesGroup");

0
0 Comments

问题的出现原因:代码中创建了一个select元素,但是没有添加任何option选项。

解决方法:在创建select元素后,使用循环遍历data对象,为每个键值对创建一个option选项,并将其添加到select元素中。

整理后的文章如下:

尝试以下代码:

var data = {
    'foo': 'bar',
    'foo2': 'baz'
}
var s = $('');
for(var val in data) {
    $('

0
0 Comments

问题的原因是需要通过jQuery动态创建元素添加

var ddl = $("元素中:

for(var val in data) {
    $("

最后,将

0
0 Comments

在这段内容中,问题的原因是因为作者误解了HTML中的。解决方法是使用正确的添加选项的过程,可以使用一个工厂函数来返回一个选项列表。下面是一个示例工厂函数的代码:

var generate_options = function(values){
    var options = [];
    if('splice' in values){
        for(var i = 0; i < values.length; i++){
            options.push($('').val(values[i]));
        }
    }
    return options;
}
$('select').append( generate_options([1,2,3,4]) );

作者提到了自己尝试创建变量selectinput和optioninput,但不知道如何将option包装到select中。根据上面的代码,可以看出,通过使用jQuery选择器$('select')来选中中即可完成包装。

0