ajax實(shí)現(xiàn)輸入框文字改變展示下拉列表的效果示例？通過獲取元素的text實(shí)現(xiàn)功能。關(guān)鍵的兩個(gè)jquery函數(shù)為： $("select").val() // 選中項(xiàng)目的value值。 $("select

ajax實(shí)現(xiàn)輸入框文字改變展示下拉列表的效果示例？

通過獲取元素的text實(shí)現(xiàn)功能。關(guān)鍵的兩個(gè)jquery函數(shù)為： $("select").val() // 選中項(xiàng)目的value值。 $("select option:checked").text() // 選中項(xiàng)目的顯示值。 實(shí)例演示如下：

1、設(shè)計(jì)簡單的一個(gè)下拉框代碼，包括【男】【女】兩個(gè)值。代碼如下： 此時(shí)頁面展示效果如下：

2、設(shè)計(jì)一個(gè)函數(shù)，通過點(diǎn)擊按鈕，將當(dāng)前選中的下拉框的值和顯示的文字，都選取出來，并分別賦值給兩個(gè)input，函數(shù)代碼如下： 此時(shí)，選取男，然后點(diǎn)擊，展示效果如下： 如果選擇女，展示效果如下：

誰知道怎么用ajax實(shí)現(xiàn)選擇下拉框的時(shí)候動(dòng)態(tài)從數(shù)據(jù)庫讀取數(shù)據(jù)嗎？

先做一個(gè)JSP頁面，就和你正常情況下根據(jù)ID查數(shù)據(jù)一樣，得到ID，根據(jù)ID查詢出數(shù)據(jù)。 循環(huán)出表格在頁面上。 只是這個(gè)頁面不會(huì)通過瀏覽器直接訪問。 而是用ajax的異步去請求這個(gè)頁面。 在你的當(dāng)前操作頁面上，定義一個(gè)div。 在取得responseText后，將responseText的值innerHTML給div。 當(dāng)觸發(fā)下拉的onchange事件，就發(fā)送一個(gè)異步請求，將ID傳到服務(wù)端。 這樣就可以動(dòng)態(tài)改變了，不會(huì)刷新頁面。 做起來挺簡單的，只是我現(xiàn)在沒有現(xiàn)成的代碼。