2014-02-17 3 views
0

Я использую функцию Ajax для отображения предложений по авто в поле поиска. Но я должен искать поле на той же странице. Поэтому, когда я пытаюсь использовать это, вы работаете, а другой - нет. Это потому, что оба из них используют пару одинаковых идентификаторов и классов. Я стилю их CSS с разной шириной и высотой.Как добавить два разных ID с Ajax

Может кто-нибудь, пожалуйста, помогите мне узнать, как я могу добавить еще один идентификатор и класс по приведенному ниже коду для каждого поля?

$(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/ – BZink

+0

Вы пытаетесь добавить более одного идентификатора в элемент HTML? Это невозможно ... – renanlf

+0

Используете ли вы дважды тот же селектор? Это не соответствует стандарту. Идентификатор должен быть уникальным. Когда начинаются занятия. http://www.w3.org/TR/html401/struct/global.html#h-7.5.2 – Mardie

ответ

1

При выборе 2 элемента (или более) вы можете обратиться к одному, указав индекс элемента.

$('.item').eq(0); // return the first element in a collection with class '.item' 

или

$('.item').eq(1); // return second element in a collection with class '.item' 

Кстати, вы должны избегать элементов с одинаковым идентификатором в DOM

+0

Если я напишу так:' $ ('# email, #message') ', то это сработает? –

+1

yes '$ ('# email, #message')' работает. – Will

0

Если вы хотите выбрать множество элементов Дифференца используйте тег класса вместо.

Отметить все ваши элементы с тем же классом, как: class="mySelectorClass", а затем использовать селектор JQuery:

$(".mySelectorClass").each(function(index,value){ 
    // ... your code for each element goes here! 
}); 

https://api.jquery.com/jQuery.each/

Смежные вопросы