六合开奖结果现场直播欢迎诸位!收藏本站注 册登 陆
常用三肖中特马:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 三肖中特马 > 文章页

jquery设置select标签的默认项

Admin | 2017-1-21 10:21:26 | ReadNums | 821 | 标签 网页制作 | 打印本页
     

  下面我们先给出select标签的HTML代码,代码如下:

  <select id="Useroption">

   <option>所有人</option>

   <option>123</option>

   <option>456</option>

  </select>

  上面的select标签非常简单,只有ID,并没有value属性。

  现在,我们要做的就是,给这个select标签设置默认项,比如,设置456为默认项。

  很多人认为这很简单,其实不然。为保证每次点击网页按钮,都能正确地设置456为默认项,因此,但是费一翻功夫。

  正确的代码应该是:

  var Mytext="456";

  $("#Useroption").each(function ()//清空所有项的默认选中状态
        {
            $(this).prop("selected", false);
        });
        $("#Useroption option:contains(" + Mytext + ")").each(function()//设置原来的选择项为默认选项
        {
            if ($(this).text() == Mytext)
            {
            $(this).prop('selected',true);
            }
        });

  仔细看清楚了,这些代码,一样都不多,刚好合适,不能少。我为此代码,花费了一个小时,才能找到正确的代码。

  代码解释:

  $("#Useroption").each(function ()//清空所有项的默认选中状态
        {
            $(this).prop("selected", false);
        });

 上面的代码自然是清除所有的选项的默认选择状态,让所有的项都不是默认选择状态,这是为下面的代码做准备的。

  $("#Useroption option:contains(" + Mytext + ")").each(function()//设置原来的选择项为默认选项
        {
            if ($(this).text() == Mytext)
            {
            $(this).prop('selected',true);
            }
        });

  上面的代码就是设置456为默认项的功能代码了。


问题未解决:在线咨询我要在线咨询问题

白小姐最准三个半波

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
有问题请在线咨询。
20xx年x月x日