下拉菜单中缺少城市列表

问题描述 投票:0回答:1

我正在一个网站上工作,在登陆页面上有一个选项名称“选择城市”,在我们提供服务的城市的下拉菜单列表中显示,首先它工作正常,但突然停止工作,我尝试过但没找到问题出在哪里...

    <?php 
require_once('include/config.php');
error_reporting(0);
$Admin = new admins;
if(isset($_POST['submit']))
{
$_SESSION['area']['city_id']=$_POST['searcharea'];  
$_SESSION['area']['city_name']=$_POST['countrycode'];

header("location:home.php");exit;   
}


/*get city name*/
$get_city= mysql_query("
SELECT sel.city_id
     , ci.city_name
     , sel.state_id
     , st.state_name 
  FROM sellers as sel 
  JOIN cities as ci 
    on sel.city_id = ci.city_id 
  JOIN states as st 
    on sel.state_id = st.state_id 
 group 
    by ci.city_name 
 order 
    BY ci.city_name ASC 
");

/*get city name*/
$cur_date = date("Y-m-d");
$next_day = date('Y-m-d', strtotime('10 day'));
//print_r($next_day);

/* ---story view query--*/ 


//print_r($row);        
/*  story view query */

/*banner popup getdata query start code*/
$get_images=mysql_fetch_array( mysql_query("SELECT * FROM offers  order BY id desc "));
/*banner popup getdata query end code*/

?>

<!DOCTYPE html>
<html lang="en">
<head>
<title>Online Cake Delivery | Chocolate Bouquet | Gift Boxes - 4happydays</title>
<meta name="description" content="Order cakes and chocolates online, Buy home made chocolates from your favourite local store in Nagpur India with free home delivery.">
<meta name="keywords" content="cake delivery in nagpur, online cake delivery in nagpur, buy chocolates online, home made chocolates, chocolate bouquet online, chocolate gift boxes">
<meta name="author" content="">
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">

<link rel="shortcut icon" href="" type="">
<link rel="stylesheet" type="text/css" href="assets/lib/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="assets/lib/font-awesome/css/font-awesome.min.css" />
    <link rel="stylesheet" type="text/css" href="assets/lib/select2/css/select2.min.css" />
    <link rel="stylesheet" type="text/css" href="assets/lib/owl.carousel/owl.carousel.css" />
    <link rel="stylesheet" type="text/css" href="assets/lib/jquery-ui/jquery-ui.css" />
    <link rel="stylesheet" type="text/css" href="assets/css/animate.css" />
    <link rel="stylesheet" type="text/css" href="assets/css/reset.css" />
    <link rel="stylesheet" type="text/css" href="assets/css/style.css" />
    <link rel="stylesheet" type="text/css" href="assets/css/responsive.css" />
    <link rel="stylesheet" type="text/css" href="assets/css/option6.css" />
<link href="v2_files/stylesheet.css" type="text/css" rel="stylesheet">
<link href="v2_files/font-awesome.css" type="text/css" rel="stylesheet">
<link href="v2_files/bootstrap.css" type="text/css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="v2_files/style4.css" />
<script type="text/javascript" src="v2_files/modernizr.custom.86080.js"></script>
<script type="text/javascript" src="v2_files/jquery.js"></script>

<script type="text/javascript" src="assets/lib/jquery/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="assets/lib/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="assets/lib/select2/js/select2.min.js"></script>
<script type="text/javascript" src="assets/lib/jquery.bxslider/jquery.bxslider.min.js"></script>
<script type="text/javascript" src="assets/lib/owl.carousel/owl.carousel.min.js"></script>
<script type="text/javascript" src="assets/lib/jquery.countdown/jquery.countdown.min.js"></script>

<script type="text/javascript" src="assets/lib/jquery-ui/jquery-ui.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.actual.min.js"></script>

<script type="text/javascript" src="assets/js/theme-script.js"></script>
<script type="text/javascript">
$(document).ready(function(){

    $(".regBtn").click(function(){
        $("#panel").slideToggle("slow");
        $(this).toggleClass("active"); return false;
    });


});
</script>
 <script>
$('document').ready(function(){
    // alert("hii");
$(".submitdata").keypress(function(e) {

         if(e.which == 13) {
             e.preventDefault();
             $("#logn").click();
             return false;             
          }
    });

});
$('document').ready(function(){
    // alert("hii");
$(".submitdat").keypress(function(e) {
//alert("hii");
         if(e.which == 13) {
             e.preventDefault();
             $("#register").click();
             return false;             
          }
    });

});
</script>
<script type="text/javascript">

$(document).ready(function() {

    // Expand Panel
    $("#open").click(function(){
        $("div#panel").slideDown("slow");

    }); 

    // Collapse Panel
    $("#close1").click(function(){
        $("div#panel").slideUp("slow"); 
    });     

    // Switch buttons from "Log In | Register" to "Close Panel" on click
    $("#toggle a").click(function () {
        $("#toggle a").toggle();
    });     

});
</script>

<link href="src/facebox.css" media="screen" rel="stylesheet" type="text/css" />

<script src="src/facebox.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
  $('a[rel*=facebox]').facebox({
    loadingImage : 'src/loading.gif',
    closeImage   : 'images/close.png'

  })
})
</script>
<script type="text/javascript" src="v2_files/jquery-1.9.1.min.js"></script>
   <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <!--<script src="js/jquery-1.9.1.min.js"></script>-->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/docs.min.js"></script>
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="js/ie10-viewport-bug-workaround.js"></script>

    <!-- jssor slider scripts-->
    <!-- use jssor.js + jssor.slider.js instead for development -->
    <!-- jssor.slider.mini.js = (jssor.js + jssor.slider.js) -->
    <script type="text/javascript" src="js/jssor.slider.mini.js"></script>
    <script>
        jQuery(document).ready(function ($) {

            var options = {
                $FillMode: 2,                                       //[Optional] The way to fill image in slide, 0 stretch, 1 contain (keep aspect ratio and put all inside slide), 2 cover (keep aspect ratio and cover whole slide), 4 actual size, 5 contain for large image, actual size for small image, default value is 0
                $AutoPlay: true,                                    //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
                $AutoPlayInterval: 4000,                            //[Optional] Interval (in milliseconds) to go for next slide since the previous stopped if the slider is auto playing, default value is 3000
                $PauseOnHover: 1,                                   //[Optional] Whether to pause when mouse over if a slider is auto playing, 0 no pause, 1 pause for desktop, 2 pause for touch device, 3 pause for desktop and touch device, 4 freeze for desktop, 8 freeze for touch device, 12 freeze for desktop and touch device, default value is 1

                $ArrowKeyNavigation: true,                          //[Optional] Allows keyboard (arrow key) navigation or not, default value is false
                $SlideEasing: $JssorEasing$.$EaseOutQuint,          //[Optional] Specifies easing for right to left animation, default value is $JssorEasing$.$EaseOutQuad
                $SlideDuration: 800,                               //[Optional] Specifies default duration (swipe) for slide in milliseconds, default value is 500
                $MinDragOffsetToSlide: 20,                          //[Optional] Minimum drag offset to trigger slide , default value is 20
                //$SlideWidth: 600,                                 //[Optional] Width of every slide in pixels, default value is width of 'slides' container
                //$SlideHeight: 300,                                //[Optional] Height of every slide in pixels, default value is height of 'slides' container
                $SlideSpacing: 0,                                   //[Optional] Space between each slide in pixels, default value is 0
                $DisplayPieces: 1,                                  //[Optional] Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), the default value is 1
                $ParkingPosition: 0,                                //[Optional] The offset position to park slide (this options applys only when slideshow disabled), default value is 0.
                $UISearchMode: 1,                                   //[Optional] The way (0 parellel, 1 recursive, default value is 1) to search UI components (slides container, loading screen, navigator container, arrow navigator container, thumbnail navigator container etc).
                $PlayOrientation: 1,                                //[Optional] Orientation to play slide (for auto play, navigation), 1 horizental, 2 vertical, 5 horizental reverse, 6 vertical reverse, default value is 1
                $DragOrientation: 1,                                //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)

                $BulletNavigatorOptions: {                          //[Optional] Options to specify and enable navigator or not
                    $Class: $JssorBulletNavigator$,                 //[Required] Class to create navigator instance
                    $ChanceToShow: 2,                               //[Required] 0 Never, 1 Mouse Over, 2 Always
                    $AutoCenter: 1,                                 //[Optional] Auto center navigator in parent container, 0 None, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
                    $Steps: 1,                                      //[Optional] Steps to go for each navigation request, default value is 1
                    $Lanes: 1,                                      //[Optional] Specify lanes to arrange items, default value is 1
                    $SpacingX: 8,                                   //[Optional] Horizontal space between each item in pixel, default value is 0
                    $SpacingY: 8,                                   //[Optional] Vertical space between each item in pixel, default value is 0
                    $Orientation: 1,                                //[Optional] The orientation of the navigator, 1 horizontal, 2 vertical, default value is 1
                    $Scale: false                                   //Scales bullets navigator or not while slider scale
                },

                $ArrowNavigatorOptions: {                           //[Optional] Options to specify and enable arrow navigator or not
                    $Class: $JssorArrowNavigator$,                  //[Requried] Class to create arrow navigator instance
                    $ChanceToShow: 1,                               //[Required] 0 Never, 1 Mouse Over, 2 Always
                    $AutoCenter: 2,                                 //[Optional] Auto center arrows in parent container, 0 No, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
                    $Steps: 1                                       //[Optional] Steps to go for each navigation request, default value is 1
                }
            };

            //Make the element 'slider1_container' visible before initialize jssor slider.
            $("#slider1_container").css("display", "block");
            var jssor_slider1 = new $JssorSlider$("slider1_container", options);

            //responsive code begin
            //you can remove responsive code if you don't want the slider scales while window resizes
            function ScaleSlider() {
                var bodyWidth = document.body.clientWidth;
                if (bodyWidth)
                    jssor_slider1.$ScaleWidth(Math.min(bodyWidth, 1920));
                else
                    window.setTimeout(ScaleSlider, 30);
            }
            ScaleSlider();

            $(window).bind("load", ScaleSlider);
            $(window).bind("resize", ScaleSlider);
            $(window).bind("orientationchange", ScaleSlider);
            //responsive code end
        });
    </script>
    </head>

<body>
  

    <div class="outerbody">
        <section style="min-height: 269px;" class="full_section" id="balancing">
        <!-- Search Area starts -->
        <div class="searchAreaBgOuter"> 
            <div class="">
                <div class="full-map">
                    <div class="banner-slider">
                        <ul class="cb-slideshow">
                          <li><span>Image 01</span></li>
                          <li><span>Image 02</span></li>
                          <li><span>Image 03</span></li>
                          <li><span>Image 04</span></li>
                          <li><span>Image 05</span></li>
                          <li><span>Image 06</span></li>
                        </ul>
                        <section class="contain center index_logo">
                        <a href="index.php" class="logo_in" style="opacity:0.9;">
                              <img src="images/logo_foot.png" alt="4HAPPYDAYS" title="4HAPPYDAYS" width="100%" height="100%">
                        </a>
                        </section>

<div class="banner-caption col-md-10 col-md-offset-1 col-xs-12 col-sm-12" style="margin-top:230px; opacity:0.8;">

<div class="banner-text">
<span class="banner-text-block"><span class="banner-text-bold">Order</span> Takeaway &amp; <span class="banner-text-bold">Cakes</span> Delivery <span class="banner-text-bold">Online</span></span>

</div>
<form enctype="multipart/form-data" method="post" >
<div class="div-container">

<div class="search-details col-md-12 col-xs-12">
<form name="searchresult" method="get" action="#" onSubmit="return searchareaValidate();">
<div class="col-md-3 col-xs-12 col-sm-3">
<label class="find">SELECT CITY</label>
</div>


<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <style>
  .custom-combobox {
    position: relative;
    display: inline-block;

  }
  .custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -25px;
    padding: 0;

  }
  .custom-combobox-input {
    margin: 0;
    padding: 12px 0px;
    /*margin-left: -31px;*/
    width: 365px;

  }


  </style>
  <script>
  (function( $ ) {

    $.widget( "custom.combobox", {
      _create: function() {
        this.wrapper = $( "<span>" )
          .addClass( "custom-combobox" )
          .insertAfter( this.element );

        this.element.hide();
        this._createAutocomplete();
        this._createShowAllButton();
      },

      _createAutocomplete: function() {
        var selected = this.element.children( ":selected" ),
          value = selected.val() ? selected.text() : "";

        this.input = $( "<input placeholder='Select Your City'>" )
          .appendTo( this.wrapper )
          .val( value )
          .attr( "title", "" )
          .addClass( "custom-combobox-input ui-widget ui-widget-content ui-state-default ui-corner-left" )
          .autocomplete({
            delay: 0,
            minLength: 0,
            source: $.proxy( this, "_source" )
          })
          .tooltip({
            tooltipClass: "ui-state-highlight"
          });

        this._on( this.input, {
          autocompleteselect: function( event, ui ) {
            ui.item.option.selected = true;
            this._trigger( "select", event, {
              item: ui.item.option
            });
          },

          autocompletechange: "_removeIfInvalid"
        });
      },

      _createShowAllButton: function() {
        var input = this.input,
          wasOpen = false;

        $( "<a>" )
          .attr( "tabIndex", -1 )
          .attr( "title", "Show All Cities" )
          .tooltip()
          .appendTo( this.wrapper )
          .button({
            icons: {
              primary: "ui-icon-triangle-1-s"
            },
            text: false
          })
          .removeClass( "ui-corner-all" )
          .addClass( "custom-combobox-toggle ui-corner-right" )
          .mousedown(function() {
            wasOpen = input.autocomplete( "widget" ).is( ":visible" );
          })
          .click(function() {
            input.focus();

            // Close if already visible
            if ( wasOpen ) {
              return;
            }

            // Pass empty string as value to search for, displaying all results
            input.autocomplete( "search", "" );
          });
      },

      _source: function( request, response ) {
        var matcher = new RegExp( $.ui.autocomplete.escapeRegex(request.term), "i" );
        response( this.element.children( "option" ).map(function() {
          var text = $( this ).text();
          if ( this.value && ( !request.term || matcher.test(text) ) )
            return {
              label: text,
              value: text,
              option: this
            };
        }) );
      },

      _removeIfInvalid: function( event, ui ) {

        // Selected an item, nothing to do
        if ( ui.item ) {
          return;
        }

        // Search for a match (case-insensitive)
        var value = this.input.val(),
          valueLowerCase = value.toLowerCase(),
          valid = false;
        this.element.children( "option" ).each(function() {
          if ( $( this ).text().toLowerCase() === valueLowerCase ) {
            this.selected = valid = true;
            return false;
          }
        });

        // Found a match, nothing to do
        if ( valid ) {
          return;
        }

        // Remove invalid value
        this.input
          .val( "" )
          .attr( "title", value + " didn't match any item" )
          .tooltip( "open" );
        this.element.val( "" );
        this._delay(function() {
          this.input.tooltip( "close" ).attr( "title", "" );
        }, 2500 );
        this.input.autocomplete( "instance" ).term = "";
      },

      _destroy: function() {
        this.wrapper.remove();
        this.element.show();
      }
    });
  })( jQuery );

  $(function() {
    $( "#searchfieldArea" ).combobox();
    $( "#toggle" ).click(function() {
      $( "#searchfieldArea" ).toggle();
    });
  });
  </script>
  <script>
  function get_city()
  {

    var city_id = $('#searchfieldArea').val();

    if(city_id=="")
    {
        alert("Please Select any one city");
        return false;
    }
  }
  </script>

<section class="searchTabContent center col-md-9 col-xs-12 col-sm-9 pad0" id="searchbyarea_content">

<div class="col-md-8 col-sm-8 searchleft-xxs searchleft-xs">  
<!--<input placeholder="Enter a location" class="searchField col-md-12 col-sm-12 col-xs-12 no-padding" name="searcharea" id="searchfieldArea" autocomplete="on" value="Enter your city name" onFocus="if (this.value == 'Enter your city name')this.value='';" onBlur="if(this.value == '')this.value='Enter your city name';" type="text" style="opacity:1;">-->

<select  class="searchField col-md-12 col-sm-12 col-xs-12 no-padding" name="searcharea" id="searchfieldArea" autocomplete="on" value="Enter your city name" onFocus="if (this.value == 'Enter your city name')this.value='';" onBlur="if(this.value == '')this.value='Enter your city name';" type="text" style="opacity:1; width:0px; ">
<option value="">Select one City</option>
<?php $sr=0; while($row = mysql_fetch_array($get_city))
{
?>
    <option value="<?php echo $row['city_id']; ?>"><?php echo $row['city_name'];?></option>

<?php }
$sr++;?>


</select>
<input name="countrycode" id="countrycode" value="Nagpur" type="hidden">
<input name="countrycode" id="countrycode" value="Bhandara" type="hidden">
</div>

<div class="col-md-3 pad0 col-sm-4 searchright-xxs searchright-xs center">
<input class="search-btn col-md-12 col-xs-8 col-sm-12 pad0" value="Search" type="submit" name="submit" style="opacity:1;" onClick="return get_city()">
</div>
</section>
</form>
</div>

</div>
</div>
</div>
</div>

<div class="searchAreaBgOuterBtm"></div>
</div>
<!-- Search Area ends -->
</div>
javascript php jquery mysql php-5.3
1个回答
0
投票

如果之前可以使用,但现在不再使用了。我可能会想这与 mysql_query 的贬值有关。您是否已将 PHP 版本更新至 PHP 5.5.0 或更高版本?如果是,您可能应该考虑更改为 MySQLi 或 PDO。否则,您对数据库表结构的更改也会影响您的查询结果。

您可以阅读本文以了解有关 mysql_query 折旧的更多信息 (http://php.net/manual/en/function.mysql-query.php)

以下是有关如何使用 PDO 或 MySQLi 的一些基本步骤 (https://www.w3schools.com/php/php_mysql_connect.asp)

希望这些信息对您有所帮助。

谢谢

© www.soinside.com 2019 - 2024. All rights reserved.