select下拉框如何動態獲取后臺數據
利用select下拉框動態獲取后臺數據，需要利用chang事務，當下拉框選擇的內容改變的時辰，利用ajax標的目的后臺傳輸需要獲得的數據類型，后臺領受到請求的數據類型后，按類型要求返回響應的數據給前臺，前臺再將數據顯示出來。下面介紹實現此功能的過程。
方式/步調
- 1
新建一個html文件，定名為test.html，利用此文件實現select下拉框的選擇。在test.html頁面加載jquery.min.js庫文件，下面將利用jquery的ajax標的目的后臺請求數據。
- 2
在test.html文件編寫HTML代碼，利用select標簽界說一個下拉選擇框，利用p標簽界說輸出數據的區域。兩個標簽元素都需要加上id屬性，便利下面經由過程id屬性找到該標簽對象進行操作。
- 3
在test.html編寫JS代碼，經由過程select的id屬性獲得select對象，并綁心猿意馬change事務，當select的下拉框改變選中的類型時，觸發分歧的請求。
- 4
在JS里經由過程val()方式獲得select下拉框選中的類型，再經由過程jquery的ajax方式標的目的后臺php文件（handle.php）請求數據。
- 5
當JS中的ajax從后臺當作功獲得請求的數據后，在id為result的span標簽輸出返回的數據。這里經由過程html()方式標的目的span標簽寫入從后臺獲得的數據。
- 6
編寫后臺handle.php代碼。新建一個php文件，定名為handle.php，在文件里經由過程$_POST領受ajax傳遞過來的數據類型，經由過程if語句判定數據類型，標的目的前臺返回分歧的數據（為了測試便利，這里以文字體例代表數據，在現實中，將你的數據返回即可）。
- 7
在瀏覽器運行test.html文件，當select下拉框選擇分歧類型時，返回分歧的數據。
可見，已當作功實現select下拉框選擇分歧內容時，動態從后臺獲得數據。代碼百度網盤下載地址：
鏈接: 1OkIvUAywM-lAV7Sy9I7-bw 提取碼: ek2n
- 發表于 2019-07-31 06:04
- 閱讀 ( 1722 )
- 分類：其他類型
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章