Учитывая Ваш коммент
Допустим при вводе слова "service" и нажатии ентер без перезагрузки появляется блок service
Есть 2 варианта.
1. Вивести все блоки сразу же но только скрытыми (display: none;) и тогда выводить только тот который нужно. JS будет примерно такой
$(document).ready(function() {
var $input = $('#input_id'); // здесь ID инпута нужно прописать вместо input_id
$input.keypress(function(e) {
if(e.which == 13) {
var block = $(this).val();
$('.block').hide(); // прячем все блоки. З,Ы. все блоки должны иметь класс .block
if ( $('.block#'+block).length > 0) {
$('.block#'+block).show();
} else {
$('.block#error').show(); // показываем блок з id='error';
}
}
});
});
Получиться Что когда ввы введете в инпут айдишку какого-то блока то он и покажется а если такого блока не будет, то покажет блок с ошибкой (который тоже должен быть).
ну или если вам нужно сравнивать с списком возможных блоков то можно объявить массив с айдишками этих блоков.
var existing_blocks = ['block1', 'block2', ..., 'blockN'];
и потом последнее условие изменить на следующее
if ( existing_blocks.indexOf(block) != -1) {
$('.block#'+block).show();
} else {
$('.block#error').show(); // показываем блок з id='error';
}
2-ой вариант это после нажатия ентера посылать аякс запрос с введенным значением на сервере рендерить блок и возвращать готовый хтмл, который и выводить в результат.
