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