我正在尝试使用javascript进行自动填充。 我在网上看到了一些例子,但我找不到与我的情况有关的东西。 我想一起实现两个函数,她在自动完成第二个之前将另一个值传递给另一个输入。 我有一个具有各种属性的xml。
<ROOT>
<ROW COMCOD="01344" COMLIB="SAINT-DENIS-LES-BOURG" CODPOS="01000" IDCOMM="1" ETRANG="N" COLMEE="N" CSAGES="0104P01" FUSION="N"/>
<ROW COMCOD="01914" COMLIB="BROU" CODPOS="01000" IDCOMM="2" ETRANG="N" COLMEE="O" CSAGES="" FUSION="N"/>
<ROW COMCOD="01053" COMLIB="BOURG-EN-BRESSE" CODPOS="01000" IDCOMM="3" ETRANG="N" COLMEE="N" CSAGES="0104P01" FUSION="N"/>
<ROW COMCOD="01053" COMLIB="BOURG EN BRESSE CEDEX" CODPOS="01001" IDCOMM="4" ETRANG="N" COLMEE="N" CSAGES="0104P01" FUSION="N"/>
<ROW COMCOD="01183" COMLIB="GUEREINS" CODPOS="01090" IDCOMM="5" ETRANG="N" COLMEE="N" CSAGES="0104P03" FUSION="N"/>
<ROW COMCOD="01225" COMLIB="LURCY" CODPOS="01090" IDCOMM="6" ETRANG="N" COLMEE="N" CSAGES="0104P03" FUSION="N"/>
当使用autocomplite时,我想取值COMLIB并填充消费者的输入。 但我还是希望将值CODPOS传递给另一个输入。 我是否遵循这个例子,正确地让我使用自动注册,但我不知道如何采用CODPOST并将其插入
$(document).ready(function() {
var myArr = [];
$.ajax({
type: "GET",
url: "myxml.xml", // change to full path of file on server
dataType: "xml",
success: parseXml,
complete: setupAC,
failure: function(data) {
alert("XML File could not be found");
}
});
function parseXml(xml)
{
//find every query value
$(xml).find("ROW").each(function()
{
myArr.push($(this).attr("COMLIB"));
});
}
function setupAC() {
$("input#searchBox").autocomplete({
source: myArr,
minLength: 3,
select: function(event, ui) {
$("input#searchBox").val(ui.item.value);
}
});
}
});
<form name="search_form" id="searchForm" method="GET" action="search_results.html">
<label for="searchBox">Keyword Search</label>
<input type="text" id="searchBox" name="searchString" />
<input type="text" id="CODPOS" name="CODPOS" />
<button name="searchKeyword" id="searchKeyword">Sumbit</button>
</form>
你有什么建议或一些链接给我? 感谢
答案 0 :(得分:0)
function parseXml(xml)
{
//find every query value
$(xml).find("ROW").each(function()
{
COMLIB = $(this).attr('COMLIB');
CODPOS = $(this).attr('CODPOS');
myArr.push({'value':COMLIB",'CODPOS':CODPOS});
});
}
$("input#searchBox").autocomplete({
source: myArr,
minLength: 3,
select: function(event, ui) {
event.preventDefault();
$("input#searchBox").val(ui.item.value);
$("input#CODPOS").val(ui.item.CODPOS);
}
});