【问题标题】:How can i using jquery for selectbox?我如何将 jquery 用于选择框?
【发布时间】:2017-11-13 07:06:59
【问题描述】:

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

示例:我被选为“租金”类别的国家和城市。我改变了“销售”类别。页面刷新和同时保持选中选项。

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

谢谢。

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

<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>

【问题讨论】:

  • 您了解 cookie 或会话吗?去吧……
  • 我不是很好的 jquery 也许有人分享我的工作代码。 :)
  • 您需要搜索互联网。或者去w3schools。最好学习 jQuery,因为它简单易懂,而且像奶酪一样。

标签: jquery drop-down-menu refresh


【解决方案1】:

You can set a cookie using the following function, when there is a change in the select value...

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

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

例如你可以在选择值改变时调用setCountryCookie函数(jQuery代码类似这样)-

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

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

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

【讨论】:

  • 好吧,如果我想为多个选项执行此操作?如果它不打扰您,您可以在 JSFiddle 中准备一个工作示例吗? :)
  • 我正在尝试为我的家庭作业做这个,但我对 jQuery 一无所知。希望你能理解。
  • 好吧,我给了你一个方法。您尝试使用您的代码。如果你懂 JavaScript,你就会很容易理解 jquery。在 w3schools.com 学习
猜你喜欢
  • 2018-10-18
  • 2013-11-17
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-02-18
  • 1970-01-01
  • 1970-01-01
  • 2010-11-14
相关资源
最近更新 更多