Невозможно отобразить список результатов сортировки карты после нажатия на функцию сортировки в раскрывающемся списке (onchange = "this.form.submit ()) - PullRequest
0 голосов
/ 14 октября 2019

Буду признателен за помощь, поскольку у меня возникли проблемы с сортировкой результатов из моей базы данных карт. Я пытался использовать 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&nbsp;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&nbsp;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&nbsp;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&nbsp;&&nbsp;Beauty">Health&nbsp;&amp;&nbsp;Beauty</option>
                        <option value="Home&nbsp;&&nbsp;Garden">Home&nbsp;&amp;&nbsp;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&nbsp;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

sorting displaying text

...