如果引用或轉貼,麻煩註明出處與本網誌連結,否則視為侵權。

2018年11月30日

[Ajax-PHP] 可輸入也可以選擇的動態選項(實作Combo Box) by Fred

作者: Fred F.M. Wang (FW知識瑣記) 日期:2018/11/30



這種HTML Combox的寫法, 一些瀏覽器如Safari, iOS Safari or Opera Mini不支援,
IE支援上也有一些問題

Combox示意圖
因此,如何透過一些 Javascript技術,實做這種Combo box呢? 如下面的實作。

在此採用jQuery Ajax技術呼叫後端PHP程式傳會選擇框(select-options)。

HTML 程式例

Javascript 程式例

PHP 程式例

沒有留言:

張貼留言

歡迎提供意見, 謝謝 (註 : 留言經過版主審核通過才會發布)