Я использую вкладки начальной загрузки для отображения окна поиска в формате вкладок. Я пытаюсь вызвать серверную часть mySQL, чтобы получить список элементов для поля поиска. По какой-то причине это не работает. Может кто-нибудь помочь, посмотрев на код? Посмотрите на функцию JS внизу. Почему это не звонит?
<div class="row ">
<div class="col-sm-6 col-sm-offset-3" >
<form class="form-inline" name="searchForm" onsubmit="return validateForm()" action="" method="get"><div class="form-group">
<ul class="nav nav-tabs" role="tablist" id="myTab">
<li role="presentation" class="active"><a href="#company" aria-controls="company" role="tab" data-toggle="tab">Company</a></li>
<li role="presentation"><a href="#city" aria-controls="city" role="tab" data-toggle="tab">City or Zipcode</a></li>
<li role="presentation"><a href="#jobtitle" aria-controls="jobtitle" role="tab" data-toggle="tab">Job Title</a></li>
</ul>
</div>
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="company">
<div class="form-group">
<div class="input-group">
<input class="form-control " type="text" name="searchText" id="searchText" value="Enter Company Name" onfocus="if(this.value=='Enter Company Name')this.value='';" onblur="if(this.value=='')this.value='Enter Company Name';">
<div class="input-group-btn">
<select id="searchYear" name="searchYear" class="form-control">
<option value="14" selected="selected">2014</option>
<option value="13">2013</option>
<option value="12">2012</option>
<option value="11">2011</option>
<option value="10">2010</option>
<option value="09">2009</option>
</select>
</div>
</div>
<BR>
<button type="submit" value="Search" class="btn btn-block btn-danger">Search</button>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="city">
<div class="form-group">
<div class="input-group">
<input class="form-control" type="text" name="searchCity" id="searchCity" value="Enter US City or Zipcode" onfocus="if(this.value=='Enter US City or Zipcode')this.value='';" onblur="if(this.value=='')this.value='Enter US City or Zipcode';" >
<div class="input-group-btn">
<select id="searchYear" name="searchYear" class="form-control">
<option value="14" selected="selected">2014</option>
<option value="13">2013</option>
<option value="12">2012</option>
<option value="11">2011</option>
<option value="10">2010</option>
<option value="09">2009</option>
</select>
</div>
</div>
<BR>
<input type="hidden" name="action" value="search">
<button type="submit" value="Search" class="btn btn-block btn-danger">Search</button>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="jobtitle">
<div class="form-group">
<div class="input-group">
<input class="form-control" type="text" name="searchJobTitle" id="searchJobTitle" value="Enter Job Title" onfocus="if(this.value=='Enter Job Title')this.value='';" onblur="if(this.value=='')this.value='Enter Job Title';" >
<div class="input-group-btn">
<select id="searchYear" name="searchYear" class="form-control">
<option value="14" selected="selected">2014</option>
<option value="13">2013</option>
<option value="12">2012</option>
<option value="11">2011</option>
<option value="10">2010</option>
<option value="09">2009</option>
</select>
</div>
</div>
<BR>
<input type="hidden" name="action" value="search">
<button type="submit" value="Search" class="btn btn-block btn-danger">Search</button>
</div>
</div>
</div>
</form>
</div>
<div> <!-- search box row div offset -->
<!-- row 3: ads top most box, only shown in desktops and not shown in mobile-->
<!--div class="row hidden-md hidden-sm hidden-xs">
<img src='ad.jpg'/>
</div-->
<!-- New row set: Data display --><script type="text/javascript">
$(function() {
//autocomplete
$(".searchText").autocomplete({
source: "/h1b-visa-sponsors/search.php",
minLength: 3
});
});
$(function() {
//autocomplete
$(".searchJobTitle").autocomplete({
source: "/h1b-visa-sponsors/searchJobTitle.php",
minLength: 3
});
});
$(function () {
$('#myTab a:first').tab('show')
})
</script>
Задача ещё не решена.
Других решений пока нет …