javascript — невозможно отобразить список результатов сортировки карты после нажатия на функцию сортировки по выпадающему меню (onchange = «this.form.submit ())

Невозможно отобразить список результатов сортировки карты после нажатия на функцию сортировки в раскрывающемся списке (onchange = «this.form.submit ())

Буду признателен за помощь, поскольку у меня возникли проблемы с сортировкой результатов из моей базы данных карт. Я пытался использовать onchange = «this.form.submit (), чтобы активировать мою функцию выпадающей сортировки, но каким-то образом я продолжал получать текстовое отображение отсортированного результата. Однако, это было бы хорошо, если бы я нажал на поиск и предварительно установил сортировать (например, если я установлю сортировку в соответствии с наименьшим значением цены и нажму на кнопку поиска, результат сортировки будет отображаться как обычно, как показано на снимке экрана ниже). Буду очень признателен, если кто-нибудь из вас сможет меня просветить Решив эту проблему, не стесняйтесь сообщить мне, если я пропустил какую-либо другую информацию. Ниже приведен код, который я запускаю для функции map {amp}amp; sort:

 {amp}lt;form action="{amp}lt;?php echo str_replace(basename($_SERVER['PHP_SELF']), "resource/find.php", $_SERVER['PHP_SELF'] ) ?{amp}gt;" method="post" id="search"{amp}gt; {amp}lt;div class="first"{amp}gt; {amp}lt;label class="label1"{amp}gt;{amp}lt;/label{amp}gt; {amp}lt;select class="selcountry" id="city" name="city" onkeydown="IgnoreAlpha(event);"{amp}gt; {amp}lt;option value="All Country"{amp}gt;All{amp}amp;nbsp;Country{amp}lt;/option{amp}gt; {amp}lt;option value="Singapore"{amp}gt;Singapore{amp}lt;/option{amp}gt; {amp}lt;option value="Taiwan"{amp}gt;Taiwan{amp}lt;/option{amp}gt; {amp}lt;/select{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="second"{amp}gt; {amp}lt;label class="label2"{amp}gt;{amp}lt;/label{amp}gt; {amp}lt;select class="seltype" id="type" name="type" onkeydown="IgnoreAlpha(event);"{amp}gt; {amp}lt;option value="Select Type"{amp}gt;Select{amp}amp;nbsp;Type{amp}lt;/option{amp}gt; {amp}lt;option value="Billboard"{amp}gt;Billboard{amp}lt;/option{amp}gt; {amp}lt;option value="Noticeboard"{amp}gt;Noticeboard{amp}lt;/option{amp}gt; {amp}lt;option value="Classified"{amp}gt;Classified{amp}lt;/option{amp}gt; {amp}lt;option value="Company"{amp}gt;Company{amp}lt;/option{amp}gt; {amp}lt;option value="Website"{amp}gt;Website{amp}lt;/option{amp}gt; {amp}lt;option value="Product"{amp}gt;Product{amp}lt;/option{amp}gt; {amp}lt;/select{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="third"{amp}gt; {amp}lt;label class="label3"{amp}gt;{amp}lt;/label{amp}gt; {amp}lt;select class="selcat" id="cat" name="cat" onkeydown="IgnoreAlpha(event);"{amp}gt; {amp}lt;option value="Select Category"{amp}gt;Select{amp}amp;nbsp;Category{amp}lt;/option{amp}gt; {amp}lt;option value="Antiques"{amp}gt;Antiques{amp}lt;/option{amp}gt; {amp}lt;option value="Arts"{amp}gt;Arts{amp}lt;/option{amp}gt; {amp}lt;option value="Automotive"{amp}gt;Automotive{amp}lt;/option{amp}gt; {amp}lt;option value="Children"{amp}gt;Children{amp}lt;/option{amp}gt; {amp}lt;option value="Collectibles"{amp}gt;Collectibles{amp}lt;/option{amp}gt; {amp}lt;option value="Electronic"{amp}gt;Electronic{amp}lt;/option{amp}gt; {amp}lt;option value="Education"{amp}gt;Education{amp}lt;/option{amp}gt; {amp}lt;option value="Fashion"{amp}gt;Fashion{amp}lt;/option{amp}gt; {amp}lt;option value="Foods"{amp}gt;Foods{amp}lt;/option{amp}gt; {amp}lt;option value="Games"{amp}gt;Games{amp}lt;/option{amp}gt; {amp}lt;option value="Health{amp}amp;nbsp;{amp}amp;{amp}amp;nbsp;Beauty"{amp}gt;Health{amp}amp;nbsp;{amp}amp;amp;{amp}amp;nbsp;Beauty{amp}lt;/option{amp}gt; {amp}lt;option value="Home{amp}amp;nbsp;{amp}amp;{amp}amp;nbsp;Garden"{amp}gt;Home{amp}amp;nbsp;{amp}amp;amp;{amp}amp;nbsp;Garden{amp}lt;/option{amp}gt; {amp}lt;option value="Property"{amp}gt;Property{amp}lt;/option{amp}gt; {amp}lt;option value="Sports"{amp}gt;Sports{amp}lt;/option{amp}gt; {amp}lt;option value="Toys"{amp}gt;Toys{amp}lt;/option{amp}gt; {amp}lt;option value="Travel"{amp}gt;Travel{amp}lt;/option{amp}gt; {amp}lt;/select{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;input class="txtinput1" id="minPrice" name="minPrice" placeholder="Min Price" type="text"{amp}gt; {amp}lt;input class="txtinput2" id="maxPrice" name="maxPrice" placeholder="Max Price" type="text"{amp}gt; {amp}lt;input class="txtproduct" id="product" name="product" placeholder="Search Text" type="text"{amp}gt; {amp}lt;input class="submitbtn" onclick="start('search')" type="submit" value="Search" {amp}gt; {amp}lt;div class="fourth"{amp}gt; {amp}lt;label class="label4"{amp}gt;{amp}lt;/label{amp}gt; {amp}lt;select class="selsort" id="sort" name="sort" onkeydown="IgnoreAlpha(event);" onchange="this.form.submit()"{amp}gt; {amp}lt;option value="Select Sorting"{amp}gt;Select{amp}amp;nbsp;Sorting{amp}lt;/option{amp}gt; {amp}lt;option value="lprice"{amp}gt;Lowest{amp}lt;/option{amp}gt; {amp}lt;option value="hprice"{amp}gt;Highest{amp}lt;/option{amp}gt; {amp}lt;option value="ASC"{amp}gt;Ascending{amp}lt;/option{amp}gt; {amp}lt;option value="DESC"{amp}gt;Descending{amp}lt;/option{amp}gt; {amp}lt;option value="ldate"{amp}gt;Lastest{amp}lt;/option{amp}gt; {amp}lt;option value="odate"{amp}gt;Earliest{amp}lt;/option{amp}gt; {amp}lt;/select{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/form{amp}gt; 

Замечание: ниже (#search) из тега формы отправит свое значение в findmyplace.js

 {amp}lt;script type="text/javascript"{amp}gt; 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() }); }); }); {amp}lt;/script{amp}gt; 

Примечание. Ниже (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) } } }) } 

работает нормально карта после нажатия кнопки отправить

сортировка отображения текста

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector