3

00 から 59 までの数値 (分として可能な値) を含むドロップダウン (html 選択) があります。コントロールにフォーカスがあり、ユーザーがキーボードを使用して 13 (または 24 または 59 など) を入力すると、コントロールで数字の 13 (または 24 または 59 など) が選択されます。これは予想される動作です。

しかし、ユーザーが 44 のような数値を入力すると、40 の次に 41 が選択されます。22、33、55 の問題も同様です。

これは、Firefox、Chrome、Safari での動作です。興味深いことに、IE9では正常に動作しています（44を入力すると44が選択されます）

「html select」の動作をすべてのブラウザで統一する方法を提案してください。できればIE9での動作方法が正しいようです。

コード例:

<html>
<body>
Select Minutes: 
    <select id="hr_sel_min">
        <option title="00" value="00" selected="selected">00</option>
        <option title="01" value="01">01</option>
        <option title="02" value="02">02</option>
        <option title="03" value="03">03</option>
        <option title="04" value="04">04</option>
        <option title="05" value="05">05</option>
        <option title="06" value="06">06</option>
        <option title="07" value="07">07</option>
        <option title="08" value="08">08</option>
        <option title="09" value="09">09</option>
        <option title="10" value="10">10</option>
        <option title="11" value="11">11</option>
        <option title="12" value="12">12</option>
        <option title="13" value="13">13</option>
        <option title="14" value="14">14</option>
        <option title="15" value="15">15</option>
        <option title="16" value="16">16</option>
        <option title="17" value="17">17</option>
        <option title="18" value="18">18</option>
        <option title="19" value="19">19</option>
        <option title="20" value="20">20</option>
        <option title="21" value="21">21</option>
        <option title="22" value="22">22</option>
        <option title="23" value="23">23</option>
        <option title="24" value="24">24</option>
        <option title="25" value="25">25</option>
        <option title="26" value="26">26</option>
        <option title="27" value="27">27</option>
        <option title="28" value="28">28</option>
        <option title="29" value="29">29</option>
        <option title="30" value="30">30</option>
        <option title="31" value="31">31</option>
        <option title="32" value="32">32</option>
        <option title="33" value="33">33</option>
        <option title="34" value="34">34</option>
        <option title="35" value="35">35</option>
        <option title="36" value="36">36</option>
        <option title="37" value="37">37</option>
        <option title="38" value="38">38</option>
        <option title="39" value="39">39</option>
        <option title="40" value="40">40</option>
        <option title="41" value="41">41</option>
        <option title="42" value="42">42</option>
        <option title="43" value="43">43</option>
        <option title="44" value="44">44</option>
        <option title="45" value="45">45</option>
        <option title="46" value="46">46</option>
        <option title="47" value="47">47</option>
        <option title="48" value="48">48</option>
        <option title="49" value="49">49</option>
        <option title="50" value="50">50</option>
        <option title="51" value="51">51</option>
        <option title="52" value="52">52</option>
        <option title="53" value="53">53</option>
        <option title="54" value="54">54</option>
        <option title="55" value="55">55</option>
        <option title="56" value="56">56</option>
        <option title="57" value="57">57</option>
        <option title="58" value="58">58</option>
        <option title="59" value="59">59</option>
    </select> &nbsp;minutes
</body>

</html>

jsFiddle でサンプル コードを見つけてください: http://jsfiddle.net/2QTvJ/

(例を IE9 と chrome で開いて違いを確認してください。)

4

1 に答える 1

0

レイヒールが言っていたように、ヒットした文字から次の値、たとえば 4 または 5 まで上がります。ドロップダウン値または値を区別する他のタイプのフォーム要素を変更するテキストボックス入力を持つことができます。

別の方法は、jquery keypress 関数で値を区別することです。

http://api.jquery.com/keypress/

于 2013-04-10T08:39:32.143 に答える