选择标签无法正确显示

时间:2014-11-06 05:12:48

标签: html css

以下是代码:

            <td><input class='datepicker' size=10 style='margin-left:auto;margin-right:1%;' id='endDate_0' placeholder='End Date' />
            </td>
            <td><select class='select_time' width='30%' size=5 id='startTime_0'></select>
            </td>
            <td><select class='select_time' width='30%' size=5 id='endTime_0'></select>
            </td>

css for select:

select{
    background: #ffffff;
    padding: 3px;
    font-size: 14px;
    font-family: Arial;
    border: 1px solid #ccc;
    letter-spacing: 1px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    width:100%;
}

JS:

var select_time='<option value="0">0000 hrs</option>
<option value="100">0100 hrs</option>
<option value="200">0200 hrs</option>
<option value="300">0300 hrs</option>
<option value="400">0400 hrs</option>
<option value="500">0500 hrs</option>
<option value="600">0600 hrs</option>
<option value="700">0700 hrs</option>
<option value="800">0800 hrs</option>
<option value="900">0900 hrs</option>
<option value="1000">1000 hrs</option>
<option value="1100">1100 hrs</option>
<option selected value="1200">1200 hrs</option>
<option value="1300">1300 hrs</option>
<option value="1400">1400 hrs</option>
<option value="1500">1500 hrs</option>';

$('.select_time').html(select_time);

这是我得到的输出enter image description here

我无法确定选择标签未正确显示的原因,我们将不胜感激任何帮助。

1 个答案:

答案 0 :(得分:1)

如果要选择框而不是列表框,请从选择标记中删除大小。

<select class='select_time' width='30%' id='startTime_0'>