Question

我有许多动态创建的文本框：

<?php
    $columns = $_POST['n_cols'];
    for ($i=0; $i<$columns; $i++) {
        ?>
        <input type='text' id="autocol_<?php echo $i; ?>" name="autocol_<?php echo $i; ?>">
        <?php
    }
?>

然后我有一个jQuery调用，使这些文本框表现为自动完成字段：

<script type="text/javascript">
    /*<![CDATA[*/
    jQuery(function($) {
        jQuery('#autocol_').autocomplete({'showAnim':'fold','select':function(event, ui) {
        },'source':'/myproject/index.php?r=Controller/autocomplete&table=newtable'});
    });
    /*]]>*/
</script>

jQuery中是否有一种方法可以使用上述函数来处理动态创建并具有不同ID的所有文本框的自动完成字段？像jQuery这样的东西会把所有以'autocol'开头的文本框，然后为所有这些文本框管理自动完成功能？

由于

Answer 1

是的，有这样的选择器：

jQuery('input[id^=autocol_]').autocomplete...

Answer 2

关于你的情况，做

$("[id^='autocol_']")

或

$("input[id^='autocol_']")

但您可以使用class属性对元素进行分组以供日后使用像：

<input type='text' class='autocol_input' id="autocol_<?php echo $i; ?>"

以后您可以选择class代替id 像：

$(".autocol_input').autocomplete....

如何为不同的ID对象调用jQuery？

2 个答案: