动态添加文本框不起作用

Shreyas Tripathy

这真令人沮丧。直到上周,我的代码才能正常工作。当用户使用下拉选择中的值更改[]时,我正在向HTML页面添加多个文本框change()

这是HTML代码段:

<div id="files" class="control-group">
    <label class="control-label">No. of files</label>
    <div class="controls" >
        <select id="files" name="files" class="span3">
            <option value="">--Select Option--</option>
            <?php for($i=1;$i<21;$i++){ ?>
                <option value="<?php echo $i ?>"><?php echo $i ?></option> <?php } ?>
        </select>
    </div>
</div>
<div class="control-group" id="titles">
    <label class="control-label">File Titles</label>
    <div class="controls" id="titleAdd"></div>
</div>

这是我的Javascript / jQuery

$(document).ready(function(){
        $("#titles").hide();
    });
    var container;
    // Add & Remove textboxes 
    $("#files").change(function(){

        //Remove all textboxes
        $("#titles").show();
        $(container).empty(); 
        $(container).remove();  
        //"DIV" ELEMENT AND DESIGN IT USING JQUERY ".css()" CLASS.
        container = $('<div>', {class: 'controls'});
        var option = $("#files").val();
        for(i=1;i<=option;i++)
        {
            // Add a TextBox
            $(container).append('<input style="display: block;" type=text name="Description[]" class="span3 input-left-top-margins" id="Description' + i +'"' + 'placeholder="File ' + i + ' Title" />');
        }
        $('#titleAdd').after(container);   // ADD THE DIV ELEMENT IN THE RIGHT PLACE.
    });

最令人讨厌的部分是该代码几天前运行良好。

dhh

有两个id #files

在此处查看工作示例:https ://jsfiddle.net/1c3b63f4/-jQuery在此分配中将始终返回空字符串:$("#files").val();

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

动态文本框的 Fire TextChanged 事件不起作用

来自分类Dev

使文本框数组不起作用

来自分类Dev

jQuery自动完成动态生成的文本框不起作用

来自分类Dev

Bootstrap输入掩码在动态文本框中不起作用?我能做些什么?

来自分类Dev

自动对焦在AJAX动态内容的文本框中不起作用

来自分类Dev

从下拉列表动态填充文本框不起作用

来自分类Dev

jQuery自动完成动态生成的文本框不起作用

来自分类Dev

Bootstrap-键盘在动态生成的文本框软搜索菜单上不起作用

来自分类Dev

类型文本后,innerHTML文本框不起作用

来自分类Dev

来自文本框的输入并添加到列表中不起作用

来自分类Dev

输入文本框的jQuery悬停事件不起作用

来自分类Dev

数据绑定到文本框不起作用

来自分类Dev

更改文本框的值不起作用

来自分类Dev

自动完成文本框.NET不起作用

来自分类Dev

项目模板中的文本框验证不起作用

来自分类Dev

OnClick按钮刷新文本框不起作用

来自分类Dev

数据绑定到文本框不起作用

来自分类Dev

文本框为空时,onkeyup不起作用

来自分类Dev

如果文本框为空不起作用

来自分类Dev

自动填充文本框不起作用

来自分类Dev

取消屏蔽密码文本框不起作用

来自分类Dev

wpf 文本框背景颜色不起作用

来自分类Dev

检查文本框是否包含不起作用的单词

来自分类Dev

Razor 文本框类型不起作用

来自分类Dev

动态添加的文本字段的DisabledCls不起作用

来自分类Dev

将文本框绑定到列表框SelectedItem不起作用

来自分类Dev

根据下拉选择框启用文本框不起作用

来自分类Dev

GWT-按Enter后从文本框中获取文本不起作用

来自分类Dev

在jQuery中动态添加文本框

Related 相关文章

热门标签

归档