按照我一貫的web開發風格，所有不直接操作資料庫的事件，都儘可能由javascript來實現，所以這個需求我打算使用js來完成。 首先來分析一下具體情況：這個頁面是一個更新頁面，品牌有品牌1和品牌2兩個欄位，品牌2可以為空白，品牌1不可為空，所以品牌2的下拉式清單方塊比品牌1多一項；如果選擇了品牌的前8相中的任意一項，“活躍狀態”要隱藏，否則“活躍狀態”預設顯示狀態為“潛在”；當查詢的結果品牌1和品牌2有任意一項在品牌的前8相中，“活躍狀態”也要隱藏，否則“活躍狀態”預設顯示狀態為“潛在”。
111 333 444 222 333 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
代碼 複製代碼 代碼如下: <body> 使用者名稱：<input type="text" id="name" /> <div id="d" style="display:none; background:#999900;"></div> //驗證結果顯示，注意display是隱藏的 <br /> 密碼： <input type="text" id="pwd" onfocus="bb()" />
一. 測試環境 瀏覽器: IE6+, FF 3.5.5, Opera 10, Chrome 4.0.249, Safari 4.0.3 二. 例子 複製代碼 代碼如下: <form name="test-form" action="" method=""> <input type="checkbox" name="kk"> <form> <script type="text/javascript"> var oForm =
一、 插入option 1、DOM方法 var oSelectYear = document.getElementById("SelectYear"); var op = document.createElement("option"); op.innerHTML = "2010"; op.value = "2010"; oSelectYear.appendChild(op); 2、new Option方法 var oSelectMonth = document.getElementById("
具體代碼如下： 複製代碼 代碼如下: <html> <head> <title>get file input full path</title> <script language='javascript'> function getFullPath(obj) { if(obj) { //ie if (window.navigator.userAgent.indexOf("MSIE")>=1) { obj.select();
複製代碼 代碼如下: <form name="testform"> <select name="testselect"> <option value="first">first option</option> <option value="second">second option</option> <option value="third">third option</option>
下面就以情況type=“text”為例: 複製代碼 代碼如下: <form id="form1" method="post"> <input type="text" /> <input type="text" /> <input type="button" value="clear" onclick="Refresh()" /> </form> 通過調用js的Refresh方法 方法一 複製代碼 代碼如下: function
當頁面上面顯示了一個表單後，通常焦點 並不是放在第一個控制項上面，只需要一點通常的指令碼就可以實現這個效果 。 document.forms[0].elements[0].focus(); 如果頁面的第一個控制項是隱藏欄位，或是不支援focus() 上面這段javascript 可能就會出現錯誤 ！ 複製代碼 代碼如下: var formutil = new Object; formutil.focusOnfirst = function() {
select-option onclick aaaaa bbbbb ccccc [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]運行測試下即可。
js獲得游標所在的文字框(text/textarea)中的位置 jb51 HELLO! [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
下面的代碼實現當使用者停留在text輸入框的時候提示輸入什麼的提示資訊，提高使用者粘合度。在輸入內容前，顯示如圖1所示圖1當使用者名稱的文字框或得焦點時，效果如圖2所示圖2當密碼文字框或得焦點時，效果如圖3所示 圖3示範的原始碼如下： tt控制項示範 【提示控制項示範】 使用者名稱： 密碼： [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
複製代碼 代碼如下: window.onload = function(){ var price = document.getElementById('price'); price.disabled = true; price.style.padding = '2px 3px'; price.style.background = '#eee'; price.style.border = '1px solid #ccc'; var tj = document.getElementById('tj'
這個主要會用在表單欄位中，所以我這裡做的實驗只針對錶單欄位。在form的子項目中迴圈尋找第一個不是隱藏欄位的欄位，然後使用focus方法獲得焦點。（呵呵^_^，很簡單！） 複製代碼 代碼如下: FormUtil.focusOnFirst = function() { if (document.forms.length > 0) { for (var i = 0; i < document.forms[0].elements.length; i++) { var oField =
文字框下拉提示效果 提示：可以輸入"1"開頭的 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
選項按鈕，雙擊取消選中 A: B: C: D: [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
其實這個效果不難做。 難做的是 如何讓使用者使用起來方便。 第一個checkbox實現了 全選 反選 最後個checkbox實現了 取消選擇 這裡只是做一個 JS執行個體罷了。 這段HTML並沒有 實際的價值。 javascript 全選/反選效果。 標題 時間 雲棲社區 2010-02-02 雲棲社區 2010-02-02 雲棲社區 2010-02-02 雲棲社區 2010-02-02 [Ctrl+A
前台代碼 複製代碼 代碼如下: <script type="text/javascript"> var a; function CheckAll(){ if(a==1) { for(var i=0;i<window.document.form1.elements.length;i++) { var e = form1.elements[i]; e.checked =false; } a=0; } else { for(var
比如搜尋行為，希望輸入完關鍵詞之後直接按斷行符號鍵立即提交表單，而有些複雜表單，可能要避免斷行符號鍵誤操作在未完成表單填寫的時候就觸發了表單提交。 要控制這些行為，不需要藉助JS，瀏覽器已經幫我們做了這些處理，這裡總結幾條規則： 如果表單裡有一個type=”submit”的按鈕，斷行符號鍵生效。 如果表單裡只有一個type=”text”的input，不管按鈕是什麼type，斷行符號鍵生效。
本文沒有什麼技術上創新，只要會一點Javascript的技術就可以寫了。 第一步： 在頁面查看原始碼，把Form中包含的需要填列的HTML控制項找出來如： <form name="mainfrm" action="" method="post"> <input type="text" name="username"/> <input type="submit" value="submit"/> </form> 第二步：編寫代碼
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
