2013-10-20 30 views
0

在Action類如何設置編號和名稱,以及自動完成

public class Supplier extends ActionSupport{ 

     private ArrayList supplierList; 
     //contains list of supplisers with attribute(id,name,address,mailid) 
     //getter and setter of supplierList 
    } 

這是我的表(JSP)

<form action="test" method="post"> 
    <input type="text" name="supplierName" id="supplierName"> 
    <input type="hidden" name="supplierId" id="supplierId"> 
</form> 

我想顯示supplierList的名字自動完成,並根據所選的名稱我想在文本和隱藏框中設置其ID和名稱,並在表單提交中我想發送元素的ID

+0

我能顯示自動完成僅在JSP頁面定義 – xrcwrn

回答

0

您必須在自動完成的'select'事件中設置隱藏字段的值,在當用戶選擇從自動完成建議列表的名稱,隱藏字段設置爲名稱的ID:

$('#textbox-id').autocomplete({ 
source: // Your ajax call here. 

select: function(event, ui){ 
$('#supplierId').val(ui.item.id); 
} 
}); 

http://jqueryui.com/autocomplete/#remote

0

你應該定義使用jQuery,所以你在一個點擊任何時候活法自動完成元素的設定輸入

<script type="text/javascript"> 
$('div.supplierItem').live('click', function(){ 
    $('#supplierId').val($(this).attr('id')); 
    $('#supplierName').val($(this).val()); 
}); 
</script> 

<div class="autoComplete"> 
    <div class="supplierItem" name="aaa" id="1"> 
     value1 
    </div> 
    <div class="supplierItem" name="bbb" id="2"> 
    value2 
    </div> 
</div> 
0

也許它可以幫助您: 1)設置屬性類,您自動完成, 2)找到類名

自動完成
$(elem).autocomplete({ 
source: ...}).autocomplete("widget").addClass("whatever"); 

這是一個從http://bugs.jqueryui.com/ticket/8928

相關問題