別照老師教的作，肯定實現不了，不知道為什么
別照老師教的作，肯定實現不了，因為沒有? e.preventDefault();語句，所以實現不了
qq圐圙2
2018-12-08
2 回答
舉報
0/150
提交
取消
2018-12-08
<!DOCTYPE html>
<html>
<head>
? <meta charset="UTF-8">
? <title>Document</title>
</head>
<script? src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
<link rel="stylesheet" >
<body>
? <div class="container">
? ? <div class="row">
? ? ? <div class="col-md-5">
? ? ? ? <form action="" id="todoForm">
? ? ? ? ? <label for="">xxxx</label>
? ? ? ? ? <input type="text" id="todoInput" class="form-control">
? ? ? ? </form>
? ? ? ? <p id="todoCount"></p>
? ? ? ? <ol id="todoList"></ol>
? ? ? </div>
? ? </div>
? </div>
? <script>
? ? (function(){
? ? ? var $todoForm=$("#todoForm");
? ? ? var $todoInput=$("#todoInput");
? ? ? var $todoList=$("#todoList");? ? ?
? ? ? $todoForm.submit(function(e){? ? ?
? ? ? ? e.preventDefault();
? ? ? ? var input_value = $todoInput.val();
? ? ? ? $todoList.append('<li>'+input_value+' <a href="#" class="todoDelete">X</a></li>');
? ? ? ? $todoInput.val('');
? ? ? });
? ? })();
? </script>
</body>
</html>
2018-12-08
<!DOCTYPE html>
<html>
<head>
? <meta charset="UTF-8">
? <title>Document</title>
</head>
<script? src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
?<link rel="stylesheet" >
<body>
? <div class="container">
? ? <div class="row">
? ? ? <div class="col-md-5">
? ? ? ? <form action="" class="todoForm">
? ? ? ? ? <label for="">xxxx</label>
? ? ? ? ? <input type="text" id="todoInput" class="form-control">
? ? ? ? </form>
? ? ? ? <p class="todoCount"></p>
? ? ? ? <ol id="todoList"></ol>
? ? ? </div>
? ? </div>
? </div>
? <script>
? ? (function(){
? ? ? var $todoForm=$("#todoForm");
? ? ? var $todoInput=$("#todoInput");
? ? ? var $todoList=$("#todoList");? ? ?
? ? ? $todoForm.submit(function(e){? ? ?
? ? ? ? var input_value = $todoInput.val();
? ? ? ? $todoList.append('<li>'+input_value+' <a href="#" class="todoDelete">X</a></li>');
? ? ? });
? ? })();
? </script>
</body>
</html>