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

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

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

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

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

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

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