如何让IE 10显示长数据列表中的所有选项

时间:2013-09-05 17:03:55

标签: html5 internet-explorer-10 html-datalist

我遇到的情况是我使用HTML Datalist和文本输入供用户选择或输入状态,其中有很长的选项列表。 Firefox和Chrome将使滚动条能够选择列表中最初不可见的选项。在Chrome中,当您使用autocomplete =“off”属性时,会启用此功能。遗憾的是,IE 10在我知道的任何情况下都没有显示滚动条,因此用户无法查看或选择最初可见的内容,即使他们尝试键入列表的底部。

有没有人知道让IE 10在很长的数据列表上显示滚动条的解决方案?

你可以在JSFiddle上看到我的例子:

http://jsfiddle.net/amGY9/15/

<datalist id="states_list">
    <option value="0">Alabama</option>
    <option value="1">Alaska</option>
    <option value="56">American Samoa</option>
    <option value="2">Arizona</option>
    <option value="3">Arkansas</option>
    <option value="62">Army Europe (PO)</option>
    <option value="4">California</option>
    <option value="54">Canal Zone</option>
    <option value="5">Colorado</option>
    <option value="6">Connecticut</option>
    <option value="7">Delaware</option>
    <option value="8">District of Columbia</option>
    <option value="9">Florida</option>
    <option value="10">Georgia</option>
    <option value="52">Guam</option>
    <option value="11">Hawaii</option>
    <option value="12">Idaho</option>
    <option value="13">Illinois</option>
    <option value="14">Indiana</option>
    <option value="15">Iowa</option>
    <option value="16">Kansas</option>
    <option value="17">Kentucky</option>
    <option value="18">Louisiana</option>
    <option value="19">Maine</option>
    <option value="53">Mariana Islands</option>
    <option value="60">Marshall Islands</option>
    <option value="20">Maryland</option>
    <option value="21">Massachusetts</option>
    <option value="22">Michigan</option>
    <option value="59">Micronesia</option>
    <option value="23">Minnesota</option>
    <option value="24">Mississippi</option>
    <option value="25">Missouri</option>
    <option value="26">Montana</option>
    <option value="27">Nebraska</option>
    <option value="28">Nevada</option>
    <option value="29">New Hampshire</option>
    <option value="30">New Jersey</option>
    <option value="31">New Mexico</option>
    <option value="32">New York</option>
    <option value="33">North Carolina</option>
    <option value="34">North Dakota</option>
    <option value="35">Ohio</option>
    <option value="36">Oklahoma</option>
    <option value="37">Oregon</option>
    <option value="58">Pacific Trust Terr.</option>
    <option value="61">Palau Islands</option>
    <option value="38">Pennsylvania</option>
    <option value="51">Puerto Rico</option>
    <option value="39">Rhode Island</option>
    <option value="40">South Carolina</option>
    <option value="41">South Dakota</option>
    <option value="42">Tennessee</option>
    <option value="43">Texas</option>
    <option value="57">US Outlying Islands</option>
    <option value="44">Utah</option>
    <option value="45">Vermont</option>
    <option value="55">Virgin Islands</option>
    <option value="46">Virginia</option>
    <option value="47">Washington</option>
    <option value="48">West Virginia</option>
    <option value="49">Wisconsin</option>
    <option value="50">Wyoming</option>
</datalist>
<input type="search" id="state" name="state" list="states_list" placeholder="Start typing or click" autocomplete="off">

0 个答案:

没有答案