我如何在选择框中使用jquery?

时间:2017-06-11 20:58:53

标签: jquery drop-down-menu refresh

我在我的选择框上遇到了一些问题。我想在更改页面或刷新后选择框的保留并设置所选项目。

示例:我选择了“租赁”类别的国家和城市。我改变类别“销售”。页面刷新和同时保留选定的选项。

抱歉语言不好,但我想告诉我想要什么。

感谢。

我的网站上的此代码。我该怎么做这个jquery和cookies。

<div class="form-group">
    <label>City</label>
    <select name="city" id="city" class="form-control" onchange="district()" >
      <option value="0">Choose City</option>
      <?
        $sql = $db ->query("SELECT * FROM city ORDER BY city_name ASC");
        while ($a = $sql->fetch(PDO::FETCH_ASSOC)){
        echo '<option value="'.$a["id"].'"';  if ($_GET['city'] == $a["id"]){ echo ' selected="selected"'; } else { } echo '>'.$a["city_name"].'</option>';   
        }
        ?>
    </select>
  </div>

1 个答案:

答案 0 :(得分:0)

当选择值发生变化时,您可以使用以下复制和粘贴功能设置Cookie ...

function SetCountryCookie(cookieName,cookieValue,nDays) {
 var today = new Date();
 var expire = new Date();
 if (nDays==null || nDays==0) nDays=1;
 expire.setTime(today.getTime() + 3600000*24*nDays);
 document.cookie = cookieName+"="+escape(cookieValue)
                 + ";expires="+expire.toGMTString();
}

稍后加载页面,从服务器脚本中读取该cookie并保持选中状态。

例如,当更改选择值时可以调用SetCountryCookie函数(jQuery Code就像这样) -

$('select').on('change', function (e) {
    var optionSelected = $("option:selected", this);
    var valueSelected = this.value;
SetCountryCookie('country',valueSelected );
    // SetCountryCookie('country','1');
});

并在循环播放时从PHP中读取它。

if(!isset($_COOKIE['country'] && $_COOKIE['country'] == $a["id"])
{ 
  echo ' selected="selected"';
}