Question

我有一组从数据库驱动的动态创建（while循环）文本框/输入字段：

<input type='text' value='".htmlentities($page['special'], ENT_QUOTES)."' />
<input type='submit' class='button' value='Edit' />
<input type='submit' class='button' value='Delete' />

字段数可能会根据数据库中的记录数而变化。在每个字段的右侧有两个按钮：编辑和删除。这两个按钮（通过Jquery $get）用于更新或删除dB记录。

我的问题是我不知道如何将按钮“链接”/绑定到他们的字段。我想我必须使用Jquery index()或eq()方法，但我不知道它是怎么回事。

Answer 1

以下是单击编辑或删除按钮的示例。您可以找到遍历DOM的closest文本框。

$('.button').click(function(){
    var text_box = $(this).closest('input[type="text"]'); // get closest text box to the edit and delete button. 
});

这假设您的HTML结构与您在上面发布的结构一致。

Answer 2

如果你的输入有一个类，你可以像这样经历它们：

$(".yourinputs").each({
    $(this).next().click(/*edit handler*/);
    $(this).next().next().click(/*delete handler*/);
});

当然这假设是一种HTML结构，因此在数据字段中为每个输入提供ID（如<input data-id="21">），然后在编辑按钮中为真实ID（如{{ 1}}，然后你可以通过edit-21来实现在循环中实现它们。

Answer 3

输入id='recordEdit_".$page['YourRecordSetID']."'然后您可以使用该ID来获取它链接到的记录集

如何获取一组动态创建的文本框的值？

3 个答案: