Сброс формы бутстрапа внутри модального

Я хочу просто очистить поля формы, которая существует в модальном бутстрапе. Я попытался this solution путем включенияСброс формы бутстрапа внутри модального

<button type="reset" class="btn btn-danger">Reset</button>

, но это, похоже, не делать ничего. Вот plunkr с тем, что я пытался:

Plunkr

источник

2015-08-14 aconkey

Эй Вы можете сделать это с угловой JS.

Code on Plunker

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title>Bootstrap Example</title> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> 
</head> 
<body> 

<div class="container" ng-app="app"> 
    <h2>Modal Form Reset Example</h2> 
    <!-- Trigger the modal with a button --> 
    <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button> 

    <!-- Modal --> 
    <div class="modal fade" id="myModal" role="dialog"> 
    <div class="modal-dialog" ng-controller="demoController"> 

     <!-- Modal content--> 
     <div class="modal-content"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal">&times;</button> 
      <h4 class="modal-title">Modal Form</h4> 
     </div> 
     <div class="modal-body"> 
      <form class="form-horizontal" name="personForm" novalidate=""> 
      <div class="form-group"> 
      <label class="col-sm-2 control-label">Name</label> 
      <div class="col-sm-5"> 
       <input class="form-control" type="text" placeholder="Name" ng-model="person.name" /> 
      </div> 
      </div> 
     </form> 
     </div> 
     <div class="modal-footer"> 
      <button type="reset" ng-click="reset()" class="btn btn-danger">Reset</button> 
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     </div> 
     </div> 

    </div> 
    </div> 

</div> 
<script> 
    var app = angular.module("app",[]); 

app.controller("demoController",function($scope){ 
    $scope.person = {}; 

    $scope.reset = function(){ 
    $scope.person = {}; 
    }; 
}); 
</script> 
</body> 
</html>

источник

2015-08-14 16:16:27

Это делает его очень просто, мне это нравится. Это также помогает, потому что у меня есть другие вещи, которые мне нужно установить внутри функции reset(), поэтому мне, вероятно, понадобится эта функция в любом случае. – aconkey

Сброс формы бутстрапа внутри модального

ответ

Смежные вопросы