2013-03-28 56 views
1

我有以下代碼,在mydata.jsp中q的值爲空。將inputId的值傳遞給mydata.jsp的正確方法是什麼?如何使用jquery獲得輸入文本值

<input type="text" size="25" name="inputId" id="inputId" /> 

和jQuery腳本

<script type="text/javascript"> 
$(function() { 
    $("#inputId").autocomplete({ 

     source: "mydata.jsp?q="+$("#inputId").val(), 
     select:function(event,ui) { 
      $("#hid").val(ui.item.email) 
     } 
    }); 
}); 


</script> 

回答

2

當您通過$("#inputId").val()作爲參數傳遞給.autocomplete(),你得到從該字段的初始值事情已經輸入了。這將解釋爲什麼它是空的。

如果使用字符串版本的自動完成,它可以自動將輸入的值添加到URL中。請參閱文檔以獲取字符串版本sourcehere

如果您希望source的URL爲動態生成的URL,那麼您還可以傳遞一個函數作爲source,並且該函數中的代碼可以生成URL /選項。請參閱文檔source選項here

+0

如何將'inputId'的值傳遞給'mydata.jsp'? – user75ponic 2013-03-28 06:26:17

+0

在[doc](http://api.jqueryui.com/autocomplete/#option-source)中,查看'source'屬性的字符串選項。自動填充方法將自動添加鍵入術語的當前值。 – jfriend00 2013-03-28 06:28:04

+0

感謝您的幫助。 – user75ponic 2013-03-28 06:53:54

1
$('#inputId').keyup(function() 
{ 
var str=$(this).val(); 
if(str!='') 
{ 
    $.ajax({ 
     type:"GET", 
     url:"mydata.jsp", 
     data:"str="+str, 
     success: function(data){ 
      alert(data); 
    } 

    }); 
} 
}); 

試試這個。希望它會給你一些解決方案。

相關問題