多个具有相同类/ ID /名称的ajax文本框 [英] mutiple textbox for ajax with same class/id/name

问题描述

Hi

i want to use autocomplete ajax and call web method on input text type..i.e. if dxb typed in textbox i show list of all areas in dxb,

i use that , but when i have multiple input type text  as follows:

<input id ="Multiplvalues" class="multiautovalues" name="testformal[]">

<input id ="Multiplvalues" class="multiautovalues" name="testformal[]">

<input id ="Multiplvalues" class="multiautovalues" name="testformal[]">

<input id ="Multiplvalues" class="multiautovalues" name="testformal[]">

it does not call web method

nor jquery is called

i called ajax as

$(".multiautovalues").autocomplete({
source: function(request, response) {
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "teserer.aspx/GoingAutocomplete",
data: "{'leavingfrom':'" + document.getElementById('Multiplvalues').value + "'}",
dataType: "json",
success: function(data) {
// alert(data.d);
response(data.d);

},
error: function(result) {
alert("Error");
}
});
}
,
select: function(event, ui) {
var selectedObj = ui.item;

var hname = selectedObj.value;
//alert(hname);
//var hotelname = hname.substring(0, hname.indexOf(','));
$(this).val($.trim(hname));
return false;
}
});

推荐答案

（。multiautovalues）。autocomplete（{
source：function（request，response）{

(".multiautovalues").autocomplete({ source: function(request, response) {

.ajax（{
type：POST，
contentType：application / json; charset = utf -8，
url：teserer.aspx / GoingAutocomplete，
data：{'leavingfrom'：'+ document.getElementById（'Multiplvalues'）。value +'}，
dataType：jso n，
成功：函数（数据）{
// alert（data.d）;
响应（data.d）;

}，
错误：函数（结果）{
alert（错误）;
}
}）;
}
，
select：function（event，ui）{
var selectedObj = ui.item;

var hname = selectedObj.value;
// alert（hname）;
// var hotelname = hname.substring（0，hname.indexOf（'，'））;

.ajax({ type: "POST", contentType: "application/json; charset=utf-8", url: "teserer.aspx/GoingAutocomplete", data: "{'leavingfrom':'" + document.getElementById('Multiplvalues').value + "'}", dataType: "json", success: function(data) { // alert(data.d); response(data.d); }, error: function(result) { alert("Error"); } }); } , select: function(event, ui) { var selectedObj = ui.item; var hname = selectedObj.value; //alert(hname); //var hotelname = hname.substring(0, hname.indexOf(','));

（this）.val（

(this).val(

这篇关于多个具有相同类/ ID /名称的ajax文本框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！