html不同元素同 id,如何使用Ajax添加两个不同的ID

我正在使用Ajax函数来显示搜索字段的自动建议。但是，我必须在同一页面上搜索字段。所以，当我尝试使用这个时，一个是工作，另一个不是。这是因为两者都使用相同的ID和Class。我用CSS来设计不同的宽度和高度。如何使用Ajax添加两个不同的ID

任何人都可以请帮助我知道如何在每个字段的下面的代码中添加一个ID和Class？

$(document).ready(function() {

$("#email").keyup(function() {

var searchid = $(this).val();

var dataString = 'type=' + searchid;

if (searchid != ' ') {

$.ajax({

type: "POST",

url: "type_process.php",

data: dataString,

cache: false,

success: function(html) {

$("#result").html(html).show();

}

});

}

return false;

});

$(document).click(function(e) {

var $clicked = $(e.target);

if (! $clicked.hasClass("get_types")) {

jQuery("#result").fadeOut();

}

});

$('#email').click(function(){

jQuery("#result").fadeIn();

});

});

+0

http://api.jquery.com/multiple-selector/ –

+0

您是否想要向HTML元素添加多个ID？这是不可能的... –

+0

你使用两次相同的选择器？这不符合标准。一个id应该是唯一的。这里是课程的时候。 http://www.w3.org/TR/html401/struct/global.html#h-7.5.2 –