1.樣式
複製** **如下:
2. html指令碼
複製** **如下:
........省略常規指令碼
汽車品牌名：
www.cppcns.come="validate[required]" disabled="disabled" onfocus="showandhide('list1','show');" onblur="showandhide('list1','hide');"/>
必填*
--%>
寶馬--%>
"getvalue('generalbrandname','奧迪','brandidgeneral','idx');showandhide('list1','hide');">奧迪--%>
--%>
........省略常規指令碼
汽車廠商名：
disabled="disabled" onfocus="showandhide('list2','show');" onblur="showandhide('list2','hide');" />
必填*
3.通過js來實現ajax非同步請求 根據輸入的內容過濾
複製** **如下:
//頁面載入的時候
jquery(function($)
else if (n**igator.useragent.indexof("firefox") > 0)
});
//////// 預載入
jquery(function($)
});
txtvalue = $("#brandname").val();
//////// 給txtbox繫結鍵盤事件
$("#brandname").bind("keyup", function()
});
});
//實現動態顯示下拉列表內容的function
//根據輸入框中的值來篩選obj中的值
function appendlist(obj,value),
function (json)
); break;
case "list2": //根據車廠商名來刷選list2中www.cppcns.com的值
$.getjson(
ctx + "/car/carmodel/**.do",
, function (json)
); break;
} }
function createlis(obj,json));
executerdiv.appendchild(ul);
break;
case "listli2": //根據車廠商名來刷選list2中的值
var executerdiv = document.getelementbyid(obj); //動態生成下拉列表框
executerdiv.innerhtml="";
var ul=document.createelement("ul");
$.each(json, function (i, item)
executerdiv.appendchild(ul);
break;
} }
//顯示或者隱藏層
function showandhide(obj,types)
} //獲取選中節點的內容
function getvalue(obj1,str,obj2,idx)
4.展示效果
本文標題: ajax實現輸入框文字改變展示下拉列表的效果示例
本文位址:
測試文字輸入框
在 web測試中，經常會碰到很多表單輸入框，大體有兩種，一種是數值型文字框，一種是字元型的普通文字輸入框。針對普通的文字輸入框，通常要檢查以下幾點 1 輸入中英文空格 2 輸入超長字元 3 輸入字串中間含空格 4 輸入首尾空格 5 輸入特殊字元 6 輸入 html 格式語言 7 輸入特殊字串 nul...
HTML多行文字輸入框和密碼輸入框
接下來我們寫個性簽名和密碼輸入框。多行輸入框 個性簽名是個多行輸入框。當多行文字輸入框中輸入的內容超過一行的長度時，它會自動換行，而單行文字輸入框不會換行。這裡我們會用到textarea標籤來寫多行輸入框。textarea name sign rows 5 cols 30 placeholder 請...
jquery 前端文字框，限制輸入框文字輸入
在web專案前端開發中，對表單的校驗以及對文字的限制輸入都是必須的。鑑於此，想把文字框限制輸入，都交給統一的指令碼來處理。方法 在需要做文字輸入控制的文字框中加屬性rule屬性，rule屬性值為一正規表示式。然後通過呼叫繫結方法來繫結擁有該屬性的可輸入文字框或文字域，根據rule值限制文字輸入。例如...