Dzwebs.Net

撰写电脑技术杂文十余年

jquery设置select标签的默认项

Admin | 2017-1-21 10:21:26 | 被阅次数 | 4565

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  下面我们先给出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为默认项的功能代码了。


该杂文来自: 网页制作杂文

上一篇:火狐浏览器无法响应回车键

下一篇:xheditor自定义表情emots

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计