복붙노트

[JQUERY] 어떻게 .reset와 jQuery를 사용하여 양식을 재설정하는 () 메소드

JQUERY

어떻게 .reset와 jQuery를 사용하여 양식을 재설정하는 () 메소드

해결법


  1. 1.당신은 트리거 () 참조 링크를 사용하려고 할 수 있습니다

    당신은 트리거 () 참조 링크를 사용하려고 할 수 있습니다

    $('#form_id').trigger("reset");
    

  2. 2.http://jsfiddle.net/8zLLn/

    http://jsfiddle.net/8zLLn/

      $('#configreset').click(function(){
            $('#configform')[0].reset();
      });
    

    JS 바이올린에 넣어. 근무로 구성.

    따라서, 상기 문제의 어느 것도 여기에 잘못이 없습니다. 어쩌면 당신은 충돌하는 ID 문제가있어? 클릭 실제로 실행되어 있습니까?

    편집 : (I 적절한 주석 능력이없는 슬픈 자루이기 때문에) 그것은 당신의 코드와 직접 문제가 아니다. 대신이 특정 jQuery를 / 자바 스크립트 & 기인 형태의 데이터 뭔가가되는, 그래서, 당신이 현재 사용하고있는 페이지의 컨텍스트를 꺼낼 때 잘 작동, 그것은 뭔가 다른이어야한다. 나는 밖으로 주변의 코드를 양분 시작하고이 일어나고 어디 찾으려고 것입니다. 난, 난 당신이 할 수 있다고 가정 '이 있는지 확인'단지에, 말은 ...

    console.log($('#configform')[0]);
    

    과 클릭 기능에서 확인이 올바른 형태를 대상으로되어 있는지 확인하세요 ...

    이 경우, 그것은 여기에 나열되지 않은 뭔가가 있어야한다.

    편집 2 부 : 대신 당신은 또한 ... 사용하고있는의는 잘못 알아 일하고 대상 아니기 때문에, 내가 좋을 것 "리셋 입력"(이 제대로을 대상으로하지 않은 경우) 당신이 시도 할 수있는 것은 사용하는 것입니다 어떤 실제 클릭을 목표로하고있다. 당신이에 던져 whathave 그냥 불을 지르고 / 개발자 도구를 열

    console.log($('#configreset'))
    

    및 팝업 기능을 참조하십시오. 그리고 우리는 거기에서 갈 수 있습니다.


  3. 3.여기서 포스트에 따르면, 더 jQuery를 리셋 () 메소드가 없다; 하지만 기본 자바 스크립트는 않습니다. 그래서, 중 사용하여 자바 스크립트 객체에 jQuery를 요소로 변환 :

    여기서 포스트에 따르면, 더 jQuery를 리셋 () 메소드가 없다; 하지만 기본 자바 스크립트는 않습니다. 그래서, 중 사용하여 자바 스크립트 객체에 jQuery를 요소로 변환 :

    $("#formId")[0].reset()
    // or
    $("#formId").get(0).reset()
    

  4. 4.이것은 실제로 쉽게 jQuery를보다 바닐라 자바 ​​스크립트에서 이루어집니다 것들 중 하나입니다. 이 같은 형태의 모든 필드를 재설정 할 수 있도록 jQuery를이 리셋 방법을 가지고 있지 않지만, HTML 양식 요소 않습니다 :

    이것은 실제로 쉽게 jQuery를보다 바닐라 자바 ​​스크립트에서 이루어집니다 것들 중 하나입니다. 이 같은 형태의 모든 필드를 재설정 할 수 있도록 jQuery를이 리셋 방법을 가지고 있지 않지만, HTML 양식 요소 않습니다 :

    document.getElementById('configform').reset();
    

    당신은 jQuery를 통해이 작업을 수행 할 경우 (여기 다른 답변에서와 같이 : $ ( '#의 configform') [0] .reset ())는 [0] 당신이 document.getElementById를 통해 직접 얻을 것 같은 형태의 DOM 요소를 가져 오는 . 후자의 접근 방식은 모두 더 효율적이고하지만 (JQuery와 접근 방식을 먼저 방금 직접 요소를 얻을 바닐라 자바 ​​스크립트와 반면에, 그것에서 요소를 가져가 다음 컬렉션을 얻고 있기 때문에) 더 간단합니다.


  5. 5.리셋 버튼은 전혀 스크립트 (또는 이름 또는 ID)가 필요하지 않습니다

    리셋 버튼은 전혀 스크립트 (또는 이름 또는 ID)가 필요하지 않습니다

    <input type="reset">
    

    하면됩니다. 당신이 정말로 스크립트를 사용해야한다면, 노트는 모든 형태의 컨트롤 참조 당신이 할 수 있도록 그에서의 양식이 양식 속성을 가지고 :

    <input type="button" onclick="this.form.reset();">
    

    그러나 리셋 버튼은 훨씬 더 나은 선택이 될 것입니다.


  6. 6.나는 마지막으로 문제를 해결했습니다! @RobG 양식 태그와 table 태그에 대한 권리했다. 폼 태그 테이블 외부에 배치되어야한다. 그것으로,

    나는 마지막으로 문제를 해결했습니다! @RobG 양식 태그와 table 태그에 대한 권리했다. 폼 태그 테이블 외부에 배치되어야한다. 그것으로,

    <td><input type="reset" id="configreset" value="Reset"></td>
    

    JQuery와 또는 다른 아무것도 필요없이 작동합니다. 버튼 및 tadaa에 대한 간단한 클릭 ~ 전체 형태는 재설정) 화려한!


  7. 7.나는이 간단한 코드를 사용 :

    나는이 간단한 코드를 사용 :

    //reset form 
    $("#mybutton").click(function(){
        $("#myform").find('input:text, input:password, input:file, select, textarea').val('');
        $("#myform").find('input:radio, input:checkbox').removeAttr('checked').removeAttr('selected');
    });
    

  8. 8.JQuery와 함수 .closest (요소)과 .find를 사용하여 (...).

    JQuery와 함수 .closest (요소)과 .find를 사용하여 (...).

    부모 요소를 가져오고 아이를 찾고.

    마지막으로, 필요한 기능을한다.

    $("#form").closest('form').find("input[type=text], textarea").val("");
    

  9. 9.첫 번째 줄은 폼 입력을 재설정합니다

    첫 번째 줄은 폼 입력을 재설정합니다

    $('form#myform').trigger("reset"); //Line1
    $('form#myform select').trigger("change"); //Line2
    

    선택 2 재설정됩니다 두 번째

    선택 사항 : 할 수 있습니다 사용자가이 서로 다른 이벤트에 등록 된 다른 유형이있는 경우

    $('form#myform select, form input[type=checkbox]').trigger("change"); //Line2
    

  10. 10.jQuery를 리셋 () 메소드가 없으므로 하지만 기본 자바 스크립트는 않습니다. 그래서, 중 사용하여 자바 스크립트 객체에 jQuery를 요소로 변환 :

    jQuery를 리셋 () 메소드가 없으므로 하지만 기본 자바 스크립트는 않습니다. 그래서, 중 사용하여 자바 스크립트 객체에 jQuery를 요소로 변환 :

    $("#formId")[0].reset();
    
    $("#formId").get(0).reset();
    

    우리는 단순히 자바 스크립트 코드를 사용할 수있다

    document.getElementById("formid").reset();
    

  11. 11.양식 필드의 빠른 리셋이 jQuery를 리셋 기능이 가능하다.

    양식 필드의 빠른 리셋이 jQuery를 리셋 기능이 가능하다.

    당신이 성공 응답을 받았을 때 다음 코드 아래에 화재.

    $ (선택기) [0] .reset ();


  12. 12.당신은 다음과 같이 = ID로 resetform를 입력 유형을 추가 = 재설정 할 수 있습니다

    당신은 다음과 같이 = ID로 resetform를 입력 유형을 추가 = 재설정 할 수 있습니다

    <html>
    <form>
    <input type = 'reset' id = 'resetform' value = 'reset'/>
    <!--Other items in the form can be placed here-->
    </form>
    </html>
    

    다음 jQuery로 당신은 단순히 = resetform 다음과 같이 ID로 요소에 .click () 함수를 사용하여

    <script> 
    $('#resetform').click();
    </script>
    

    양식 재설정 참고 : 또한 CSS를 사용하여 ID = resetform와 리셋 버튼을 숨길 수 있습니다

    <style>
    #resetform
    {
    display:none;
    }
    </style>
    

  13. 13.여기 jQuery로 단순한 솔루션이다. 그것은 세계적으로 작동합니다. 코드에 보라.

    여기 jQuery로 단순한 솔루션이다. 그것은 세계적으로 작동합니다. 코드에 보라.

    $('document').on("click", ".clear", function(){
       $(this).closest('form').trigger("reset");
    })
    

    당신이 그것을 재설정해야하는 모든 형태의 버튼에 명확한 클래스를 추가합니다. 예를 들면 :

    <button class="button clear" type="reset">Clear</button>
    

  14. 14.

    <button type="reset">Reset</reset>
    

    가장 간단한 방법은 내가 강력하다 떨어져 생각할 수 있습니다. 폼 태그 내 놓습니다.


  15. 15.코드는 작동합니다. 확인 정적 / JQuery와-1.9.1.min.js이 존재합니다. 또한, 정적 /의 jquery.min.js 되 돌리는 시도 할 수 있습니다. 이 방법으로 문제가 해결되는 경우에 당신은 문제를 정확히 지적했습니다.

    코드는 작동합니다. 확인 정적 / JQuery와-1.9.1.min.js이 존재합니다. 또한, 정적 /의 jquery.min.js 되 돌리는 시도 할 수 있습니다. 이 방법으로 문제가 해결되는 경우에 당신은 문제를 정확히 지적했습니다.


  16. 16.당신은 다음을 사용할 수 있습니다.

    당신은 다음을 사용할 수 있습니다.

    @using (Html.BeginForm("MyAction", "MyController", new { area = "MyArea" }, FormMethod.Post, new { @class = "" }))
    {
    <div class="col-md-6">
        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
            @Html.LabelFor(m => m.MyData, new { @class = "col-form-label" })
        </div>
        <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12">
            @Html.TextBoxFor(m => m.MyData, new { @class = "form-control" })
        </div>
    </div>
    <div class="col-md-6">
        <div class="">
            <button class="btn btn-primary" type="submit">Send</button>
            <button class="btn btn-danger" type="reset"> Clear</button>
        </div>
    </div>
    }
    

    그런 다음 양식을 취소합니다 :

        $('.btn:reset').click(function (ev) {
            ev.preventDefault();
            $(this).closest('form').find("input").each(function(i, v) {
                $(this).val("");
            });
        });
    
  17. from https://stackoverflow.com/questions/16452699/how-to-reset-a-form-using-jquery-with-reset-method by cc-by-sa and MIT license