如何简化此代码？如果需要,我可以将.PHP文件重命名为与ID元素完全相同的名称,因此可以使用$(“#locus”)/ js / zip /“id element”.PHP等等.这只是在有帮助的情况下.
<script type="text/javascript">
$().ready(function() {
$("#locus").autocomplete("/js/zip/us.PHP",{
matchContains: true,matchFirst: true,mustMatch: false,selectFirst: false,cacheLength: 10,minChars: 1,autofill: false,scrollHeight: 150,width: 185,max: 20,scroll: true
});
$("#locca").autocomplete("/js/zip/ca.PHP",scroll: true
});
$("#locuk").autocomplete("/js/zip/uk.PHP",scroll: true
});
$("#locau").autocomplete("/js/zip/au.PHP",scroll: true
});
$("#locie").autocomplete("/js/zip/ie.PHP",scroll: true
});
$("#locot").autocomplete("/js/zip/ot.PHP",scroll: true
});
});
</script>
@H_502_4@
解决方法
如果您向HTML中的每个元素添加数据代码属性,如下所示：
data-code="uk"
然后你可以使用.data(“code”)访问这些代码,并将你的代码简化为：
$("input[data-code]").each(function() { // all inputs with data-code attribute
$(this).autocomplete("/js/zip/" + $(this).data("code") + ".PHP",{ // insert code
matchContains: true,scroll: true
});
});
@H_502_4@
@H_502_4@