html选择标签问题

时间:2009-09-15 17:24:55

标签: html html-select

enter code here我正在使用以下代码。我知道选择了唯一的选项。但是现在它显示了一些其他选项,当页面加载时由defaul选择。 我如何选择一个特定的选择?

<select name="ms">                                                                                       <option value="-1" selected="false"  >any</option>
                <option value="0" selected="true" >only single</option>
                <option value="1" selected="false" >only married</option>
    </select>

6 个答案:

答案 0 :(得分:2)

仅选择属性的存在就足以使选项被选中。您需要从第二个选项中删除selected="false"文本才能使其正常工作。选择和禁用在这方面是相似的。

答案 1 :(得分:1)

浏览器通常只检查所选属性是否存在。因此,您应该将代码更改为:

<select name="ms">                                                                                    
        <option value="-1">any</option>
        <option value="0" selected="selected">only single</option>
        <option value="1">only married</option>
</select>

编辑:看起来你编辑了你的例子,所以我会编辑我的。

答案 2 :(得分:1)

HTML4 + HTML5:使用属性最小化;因此,对所选选项使用属性“selected”(其他属性没有属性)

<select name="ms">                                                                                       <option value="-1" selected="false"  >any</option>
            <option value="0" selected="selected">only single</option>
            <option value="1">only married</option>
</select>

XHTML:禁止属性最小化,这意味着你需要为属性赋值,即selected =“selected”(这是唯一的值)

var hasVisited = sessionStorage.getItem('washere');

if ( ! hasVisited ) {

    // do stuff
    alert('Welcome, stranger !');
    sessionStorage.setItem('washere', true);
}

检查html页面/文件的DOCTYPE,看看你是否使用XHTML或HTML。

答案 3 :(得分:0)

如果未选择该选项,则根本不提供“selected”属性。这会更好:

<select name="ms">
   <option value="-1" >any</option>
   <option value="0" selected >only single</option>
   <option value="1" >only married</option>
</select>

答案 4 :(得分:0)

<option value="0" selected="selected" >only single</option>
            <option value="1" >only married</option>

答案 5 :(得分:0)

<select name="ms">
    <option value="-1" selected="false"  >any</option>
    <option value="0" selected="true" >only single</option>
    <option value="1">only married</option>
</select>