Буду признателен за помощь, поскольку у меня возникли проблемы с сортировкой результатов из моей базы данных карт. Я пытался использовать onchange = "this.form.submit (), чтобы активировать мою функцию выпадающей сортировки, но каким-то образом я продолжал получать текстовое отображение отсортированного результата. Однако, это было бы хорошо, если бы я нажал на поиск и предварительно установилсортировать (например, если я установлю сортировку в соответствии с наименьшим значением цены и нажму на кнопку поиска, результат сортировки будет отображаться как обычно, как показано на снимке экрана ниже). Буду очень признателен, если кто-нибудь из вас сможет меня просветитьРешив эту проблему, не стесняйтесь сообщить мне, если я пропустил какую-либо другую информацию. Ниже приведен код, который я запускаю для функции map & sort:
<form action="<?php echo str_replace(basename($_SERVER['PHP_SELF']), "resource/find.php", $_SERVER['PHP_SELF'] ) ?>" method="post" id="search">
<div class="first">
<label class="label1"></label>
<select class="selcountry" id="city" name="city" onkeydown="IgnoreAlpha(event);">
<option value="All Country">All Country</option>
<option value="Singapore">Singapore</option>
<option value="Taiwan">Taiwan</option>
</select>
</div>
<div class="second">
<label class="label2"></label>
<select class="seltype" id="type" name="type" onkeydown="IgnoreAlpha(event);">
<option value="Select Type">Select Type</option>
<option value="Billboard">Billboard</option>
<option value="Noticeboard">Noticeboard</option>
<option value="Classified">Classified</option>
<option value="Company">Company</option>
<option value="Website">Website</option>
<option value="Product">Product</option>
</select>
</div>
<div class="third">
<label class="label3"></label>
<select class="selcat" id="cat" name="cat" onkeydown="IgnoreAlpha(event);">
<option value="Select Category">Select Category</option>
<option value="Antiques">Antiques</option>
<option value="Arts">Arts</option>
<option value="Automotive">Automotive</option>
<option value="Children">Children</option>
<option value="Collectibles">Collectibles</option>
<option value="Electronic">Electronic</option>
<option value="Education">Education</option>
<option value="Fashion">Fashion</option>
<option value="Foods">Foods</option>
<option value="Games">Games</option>
<option value="Health & Beauty">Health & Beauty</option>
<option value="Home & Garden">Home & Garden</option>
<option value="Property">Property</option>
<option value="Sports">Sports</option>
<option value="Toys">Toys</option>
<option value="Travel">Travel</option>
</select>
</div>
<input class="txtinput1" id="minPrice" name="minPrice" placeholder="Min Price" type="text">
<input class="txtinput2" id="maxPrice" name="maxPrice" placeholder="Max Price" type="text">
<input class="txtproduct" id="product" name="product" placeholder="Search Text" type="text">
<input class="submitbtn" onclick="start('search')" type="submit" value="Search" >
<div class="fourth">
<label class="label4"></label>
<select class="selsort" id="sort" name="sort" onkeydown="IgnoreAlpha(event);" onchange="this.form.submit()">
<option value="Select Sorting">Select Sorting</option>
<option value="lprice">Lowest</option>
<option value="hprice">Highest</option>
<option value="ASC">Ascending</option>
<option value="DESC">Descending</option>
<option value="ldate">Lastest</option>
<option value="odate">Earliest</option>
</select>
</div>
</form>
Примечание:ниже, где (#search) из тега формы отправит свое значение в findmyplace.js
<script type="text/javascript">
jQuery(document).ready(function($){
$('#map-canvas').findmyplace({
searchForm: '#search',
startAddress: 'Singapore',
reportMarker: true,
useLightbox: true,
markVisited: true,
radiusMarkerIcon: 'images/usericon.png'
});
$(".selcountry").change(function()
{
$('#map-canvas').updatemyplace
({
startAddress: $(this).val()
});
});
});
</script>
Примечание: ниже (searchForm) будет отображаться значок маркера карты (findmyplace.js)
function searchData(d) {
clearStuff();
if (y.onBeforeSearch !== undefined) {
y.onBeforeSearch()
}
overlay();
$.ajax({
url: d,
data: $(y.**searchForm**).serialize(),
type: "POST",
dataType: "json",
success: function(a) {
if (!a.error) {
o = a;
handleResult();
if (y.onSearchSuccess !== undefined) {
y.onSearchSuccess()
}
} else {
if (y.onSearchError !== undefined) {
y.onSearchError(a)
}
}
},
error: function(a, b, c) {
overlay();
if (y.onConnectionError !== undefined) {
y.onConnectionError(a, b, c)
}
}
})
}
![working fine map after click submit](https://i.stack.imgur.com/Ynay2.png)
![sorting displaying text](https://i.stack.imgur.com/4Fz1o.png)