javascript - 行動裝置頁面可以呼叫手機系統的單選框嗎

Question

行動端頁面可以呼叫手機系統的單選框嗎?

Answer 1

可以的，不過android與ios的樣式不一樣，
最好還是用bootstrap或自己寫樣式。

Answer 2

可以，直接用select就可以了

<select>
  <option value ="volvo">Volvo</option>
  <option value ="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

Answer 3

直接寫select標籤就是系統預設樣式
但是使用trigger觸發select的下拉會有問題
$('select').trigger('change') 沒有效果,
$('select').trigger('focus' ) 在IOS有效果, 能觸發下拉框, 但是在小米無效.
最後還是直接用定位覆蓋然後把select的透明度設為0;

Answer 4

直接使用select，就會呼叫系統的自帶樣式。

Answer 5

原生的不理想，不同的 系統版本 和 瀏覽器版本 會有很大差異，建議找一個通用的 ui 函式庫來代替。