在移動Safari中選擇onchange後將焦點設置爲輸入字段

我一直在尋找爲我正在處理的項目創建新的數量選擇器，並且似乎遇到了將焦點置於選擇onchange。在移動Safari中選擇onchange後將焦點設置爲輸入字段

var quantitySelect = document.getElementById('quantitySelect'); 
var quantityInput = document.getElementById('quantityInput'); 

quantitySelect.onchange = function() { 

    switch (this.value) { 

     case '0': 
      break; 

     case '10': 
      quantitySelect.style.display = 'none'; 
      quantityInput.style.display = 'block'; 
      quantityInput.value = ''; 
      quantityInput.focus(); 
      break; 

     default: 
      alert('Change quantity to ' + this.value); 
      break; 

    } 

};

的想法是，從1-9中選擇任何值，將火關的新形式的行動和請求的數量添加到購物籃。如果選擇10+的值，則新的數量輸入字段將切換並且焦點將應用於該元素。

<select id="quantitySelect"> 
    <option value="0" selected="">Quantity: 7</option> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
    <option value="4">4</option> 
    <option value="5">5</option> 
    <option value="6">6</option> 
    <option value="7">7</option> 
    <option value="8">8</option> 
    <option value="9">9</option> 
    <option value="10">10+</option> 
</select> 

<input type="tel" value="7" placeholder="Enter Quantity" id="quantityInput" style="display: none;">

一切似乎都如預期在我的測試，從iOS的瀏覽器除了工作 - 不承認將焦點切換到新的量輸入元素的請求。

我已經把我的當前工作的一個小的jsfiddle：http://jsfiddle.net/cahamilton/w93qwLk3/

任何幫助/方向，將不勝感激！

來源

2014-10-01 carlh

認爲這可能是一個用戶問題，你試過關掉它嗎？

來源

2014-10-02 13:37:34 Doddsy

在移動Safari中選擇onchange後將焦點設置爲輸入字段

回答

相關問題