使用jquery创建动态输入字段不适用于选择类型输入

时间:2012-04-01 13:40:45

标签: jquery

我正在创建一个页面,在单击“添加”按钮时使用jquery动态创建输入字段。它适用于输入字段,但不适用于选择字段。选择字段是在不更改名称字段的情况下重复的。所以我在通过$ _GET获取这些细节时遇到了问题。 Plz尽快给出解决方案。

    

<head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link href="nietsms.css" rel="stylesheet" type="text/css" />

    <title> NIET Store Management System BY SDC </title>
    <script type="text/javascript" src="http://cachefile.net/scripts/jquery/1.2.3/jquery-1.2.3.min.js"></script>



    <script type="text/javascript">
        $(function(){
            var newRowNum = 0;
            $('#addnew').click(function(){
                newRowNum += 1;
                var addRow = $(this).parent().parent();
                var newRow = addRow.clone();
                $('input', addRow).val('');
                $('td:first-child', newRow).html(newRowNum);
                $('input', newRow).each(function(i){
                    var newID = newRowNum + '_' + i;
                    $(this).attr('id',newID).attr('name',newID);
                });






                addRow.before(newRow);

1 个答案:

答案 0 :(得分:0)

替换

$('input', addRow) 

$('input', newRow) 

$(":input", addRow) 

$(':input', newRow).

$("input")只返回“input”类型的节点,而“:input”是一个jQuery伪选择器,它以输入,选择,选项等为目标。