gpt4 book ai didi

jquery - 将 Javascript 附加到某些表单字段自动完成

转载 作者:行者123 更新时间:2023-12-01 07:58:07 24 4
gpt4 key购买 nike

我有一个自动完成脚本,效果很好,但我将其添加到具有多种形式的页面,但现在它不起作用。

这是 JS:

<script type="text/javascript" src="jquery/js/jquery-1.4.2.min.js"></script> 
<script type="text/javascript" src="jquery/js/jquery-ui-1.8.2.custom.min.js"></script>
<script type="text/javascript">

jQuery(document).ready(function(){
$('#zipsearch').autocomplete({source:'suggest_zip.php', minLength:2});
});

</script>
<link rel="stylesheet" href="jquery/css/smoothness/jquery-ui-1.8.2.custom.css" />
<style type="text/css"><!--

/* style the auto-complete response */
li.ui-menu-item { font-size:12px !important; }

--></style>

带字段的形式是:

<form action="<?php echo $GLOBALS["webroot"]; ?>/index.php?action=<?php echo $GLOBALS["RFA"];?>" method="post" name="postForm1">

<input name="LocationID" type="text" class="span10" id="zipsearch">

我已经尝试过:

jQuery(document).postForm1.ready(function(){
$('#zipsearch').postForm1.autocomplete({source:'suggest_zip.php', minLength:2});
});

这是测试表单,与我当前正在处理的页面位于同一文件夹中...在此测试页面上一切正常

<html> 
<head>
<title>test jquery autocomplete</title>
<script type="text/javascript" src="jquery/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery/js/jquery-ui-1.8.2.custom.min.js"></script>
<script type="text/javascript">

jQuery(document).ready(function(){
$('#zipsearch').autocomplete({source:'suggest_zip.php', minLength:2});
});

</script>
<link rel="stylesheet" href="jquery/css/smoothness/jquery-ui-1.8.2.custom.css" />
<style type="text/css"><!--

/* style the auto-complete response */
li.ui-menu-item { font-size:12px !important; }

--></style>
</head>

<body>

<form onsubmit="return false;">
Enter a City:
<input id="zipsearch" type="text" />
</form>

</body>
</html>

最佳答案

向您想要自动完成的所有字段添加一个类:

<input name="LocationID" type="text" class="span10 autocomplete" id="zipsearch">
<input type="text" class="span10 autocomplete">
<input type="text" class="span10 autocomplete">

然后,更改您的选择器:

$(function() {
$('.autocomplete').autocomplete({source:'suggest_zip.php', minLength:2});
});

关于jquery - 将 Javascript 附加到某些表单字段自动完成,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22345100/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com