如何在每次刷新时为<select>默认设置选项?

时间:2015-11-07 18:55:19

标签: html selection

如果我有 &lt; select name =“visibility”&gt;     &lt; option value =“private”&gt; private&lt; / option&gt;     &lt; option value =“public”&gt; private&lt; / option&gt;     &lt; option value =“hidden”&gt; private&lt; / option&gt; &LT; /选择&GT; 如何将隐藏选项设为默认选项? 我试过了     &lt; option value =“hidden”selected&gt; hidden&lt; / option&gt; 但是如果我选择另一个选项然后刷新,它将被其他值替换。无论刷新如何,我如何将其设为默认值?

3 个答案:

答案 0 :(得分:3)

你的块应该可以在Chrome和IE上正常运行。 但Firefox正在保存您的下拉菜单及其旧的错误。 在这里如何修复它:将 autocomplete =“off”添加到您的选择标记 像这样:

SELECT 
    [id_client], [name], [surname], [address],[id_feature], 
    [feature_txt], [id_fc], [fc_id_client], [fc_id_feature]
FROM 
    [client]
LEFT JOIN 
    [feature] ON fc_id_client = id_client AND fc_id_client <> 20
WHERE 
    fc_id_client = 1

答案 1 :(得分:0)

您应该使用本地存储来存储所选值,然后重新加载对该项目的检查并添加所选属性

http://jsfiddle.net/d948fL09/4/

if( typeof localStorage.visibility !== "undefined" ){
  $('select').find($('option[value="' + localStorage.visibility  + '"]').attr('selected', true))
}

$('select').on('change', function(){
  localStorage.visibility=$(this).val();
    console.log(localStorage.visibility)
})

答案 2 :(得分:-1)

使用selected="selected"autocomplete="off"属性,如下所示:

<select name="visibility" autocomplete="off">
    <option value="private">private</option>
    <option value="public">private</option>
    <option value="hidden" selected="selected">private</option>
</select>

无论您重新加载页面的频率如何,这都可以按照您的意愿使用。