js重設form表單

來源:互聯網
上載者:User

標籤:asc   預設   下拉框   sign   button   input   處理   頁面   nbsp   

CreateTime--2017年7月19日10:37:11
Author:Marydon

js重設form表單

需要使用的方法:reset()

樣本:

  HTML部分

<form id="test">    <input id="test2" type="hidden" value="2"/>    <textarea>測試是否會重設文本域,預設帶值的不會被清空</textarea>    <textarea id="test3"></textarea>            測試手工錄入<input type="text" value=""/>    <input type="text" value="設定初始值" id="test4"/>            <input type="button" value="重設" onclick="testReset();"/>    <input type="button" value="賦值" onclick="assignment();"/>    <select>        <option value="">請選擇</option>        <option value="" selected>測試是否會重設下拉框</option>        <option value="">下拉框選中選項會被還原</option>    </select>    <!-- 經測試該值不會被還原 -->    <input id="test5" type="hidden" value="測試隱藏欄位通過js改變後會不會還原"/></form>

  JAVASCRIPT部分

function testReset () {    document.getElementById("test").reset();    alert($(‘#test5‘).val());}function assignment () {    $(‘#test3‘).val(‘通過js賦值或手工錄入的資訊都會被清空!‘);    $(‘#test4‘).val(‘改變初始值‘);    $(‘#test5‘).val(‘5‘);    alert($(‘#test5‘).val());}

經測試,總結:

  1.特別注意:reset()方法實現的效果是還原,而不是重設(清空);

    例:帶預設值的form表單標籤(如:textarea,文字框),經使用者修改後,調用重設方法,會被還原成初始值(預設值);

      調用重設方法後,下拉框會選中初次載入頁面時選中的選項。

  2.重設reset()對隱藏欄位無效,即不會對隱藏欄位進行還原處理,隱藏欄位通過js改變後不會被還原;

  3.準確地說,jQuery沒有重設form表單的方法,$(‘#test‘)[0].reset(),這種重設form表單的方法還是通過js實現的,因為:$(‘#test‘)[0]會將jQuery元素轉換成dom元素。

 

js重設form表單

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.