jquery更改动态创建的列表

我使用JQuery创建了一些列表。有1个文本框。用户提供一些数据。当用户按下按钮时，该数据被复制并添加到div。jquery更改动态创建的列表

$("#Add").click(function(){ 
    var val = $('[name=Variablename]').val(); 
    var masterHTML = '<input type="checkbox" name="'+val+'">'+val+' '+val+' '+'<br>'; 
       $("#main").append(masterHTML); 
      });

现在名单可大了说，例如：

sampletext1 
sampletext2 
sampletext3 
sampletext4 
sampletext5 
sampletext6

旁边的每个都会有检查按钮。因为这是所有动态数据。所以当用户检查sampletext1。我怎么能得到这些数据。基本上我正在寻找在文本框中获取数据显示，以便用户可以将sampletext1更新为sampletext1update并将其发回。

我怎么能做到这一点。我没有使用表格（或）表格。只是DIV与检查按钮添加文本

股利主要是：

<div id="main"> 
</br> 
</div>

来源

2013-04-30 The Learner

您可以添加一个单击处理程序，以检查按钮，然后查找列出包含该按钮的项目或表格单元格（使用'.closest'），然后查看文本内容。 – Rup 2013-04-30 17:22:20

显示已创建的（代表性）HTML，其中包含新添加的文本;我们很“漂亮”，但我们并非通灵。不幸。 – 2013-04-30 17:23:27

和你的代码应该给错误..为'VAL1是undefined' ...怎么我看不出它是在你的代码 – bipen 2013-04-30 17:27:03

一种方式......给你的所有动态生成的复选框一类（同一类）..说checkboxClass ...和呼叫单击事件为

$('#main').on('change','.checkboxClass',function(){ 
    if($(this).is(':checked')){ 
     alert($(this).val()); 
    } 
    });

，你需要定义复选框value属性这个工作（这是在上面的代码中丢失）....一次，因为这是复选框用户可以选择多个...有你想过那个..？

更新

然后动态以及与同等级复选框创建一个按钮..隐藏...

$("#Add").click(function(){ 
    var val = $('[name=Variablename]').val(); 
    var masterHTML = '<input class="checkboxClass" type="checkbox" value="'+val+'" name="'+val+'">'+val+' '+val+' '+ '<button class="buttonClass">update</button><br>'; 
    $("#main").append(masterHTML); 
     $('.buttonClass').hide(); //hide button 
    }); 


    $('#main').on('change','.checkboxClass',function(){ 
    $('.buttonClass').hide(); //make sure all other button is hidden 
    if($(this).is(':checked')){ //<--here missed bracket 
     $(this).next('.buttonClass').show(); //show the button that is just clicked 
    } 
    }); 

    //code to update on click of button 
    $('#main').on('click','.buttonClass',function(){ 
     $('#yourtextBoxId').val($(this).prev().val()); 
    });

来源

2013-04-30 17:35:12 bipen

感谢Bipen其实我希望用户选择“复选框”，比有西港岛线是修改按钮。修改按钮时按下将更新文本框与检查数据..哪些使用可以按下并进行更新。 – 2013-04-30 17:39:22

我越来越syntaxError在。我是否缺少任何 – 2013-04-30 18:17:09

oppsss ..对不起，我的坏..我错过了'if'的结束括号 – bipen 2013-04-30 18:20:08

jquery更改动态创建的列表

回答

相关问题