1

Этот вопрос относится к this question/post. У меня есть форма поиска, которая требует: A: Чтобы вытащить пользовательский ввод из формы поиска, чтобы наш бэкэнд мог предоставить пользователю соответствующие результаты поиска. B: Нам нужно иметь возможность вставлять ввод по умолчанию в любой из них или в оба поля поиска, чтобы улучшить поиск пользователей. Это должно заменить любые значения placeholder.Код jQuery не подключается к поисковой форме

Я попытался следующий код в моем файле main.js (связан с testpage.html):

$(document).ready(function(){ 
    $("#btn-search").click(function(e){ 
    e.preventDefault(); 
    var x = $("#keyword").val("Nurse"); 
    var y = $("#location").val(); 
    $("#keyword").attr("value", x); 
    $("#location").attr("value", y); 
    }); 
}); 

Я также попытался следующие:

$(document).ready(function(){ 
    $("#btn-search").click(function(e){ 
    e.preventDefault(); 
    $("#keyword").val(Nurse); 
    $("#location").val(); 
    }); 
}); 

Вы знаете, почему это не сработает? Я даже пытался сделать это в теле страницы:

<script> 
    $("#btn-search").click(function(e){ 
    e.preventDefault(); 
    $("#keyword").val(Nurse); 
    $("#location").val(); 
    }); 
</script> 

Вот HTML форма:

<form class="form-inline no-margin center-block" action="http://www.somewebsite.com/unknown" method="POST" role="form"> 
        <div class="row"> 
        <center> 
        <fieldset> 

         <!-- Search input--> 
         <div class="form-group center-block"> 
         <div class="col-sm-4"> 
          <label class="sr-only" for="keyword">From:</label> 
          <input id="keyword" name="keyword" type="search" placeholder="Keyword" value="" class="form-control input-lg"> 

         </div> 
         </div> 

         <!-- Search input--> 
         <div class="form-group center-block"> 
         <div class="col-sm-4"> 
          <label class="sr-only" for="location">From:</label> 
          <input id="location" name="location" type="search" placeholder="City, State, or Zip Code" class="form-control input-lg"> 

         </div> 
         </div> 

         <input type="hidden" name="unknown" value="unknown"> 

         <!-- Button --> 
         <div class="form-group center-block"> 
         <div class="col-sm-2"> 
          <button type="submit" id="btn-search" name="btn-search" class="btn btn-primary btn-lg btn-tusaj">Search</button> 
         </div> 
         </div> 
        </fieldset> 
        </div> 
       </form> 
+0

вы можете показать HTML? где определяется «Медсестра»? Любые ошибки в ваших инструментах dev? – atmd

+0

@atmd Выполнено. Теперь вы можете просмотреть форму html в вопросе. – JBear

ответ

0
$(document).ready(function(){ 
    $("#btn-search").click(function(e){ 
    e.preventDefault(); 
    $("#keyword").val("Nurse"); 
    $("#location").val(""); 
    }); 
}); 

val() требует String. Поэтому использование строки должно решить проблему.

Ссылка:http://api.jquery.com/val/

+0

@AbrarArique код, который вы отправили, по-прежнему не работает. Я попытался сделать

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