需求是在上传文件前,当选择了文件后要在页面上显示选择的文件的文本行数。
网页表单如下:
:::html
...
题目文件
...
提交
js:
:::javascript
$('#question_file').change(function(){
var form_data = new FormData($('#form1')[0]);
//$('#form1')是个list,所以
$是对标识符jQuery的一种简写。
用$()函数选择元素。
:::javascript
$('div')
$('#some-id')
$('.some-class')
$(document).ready()其中代码会在dom加载后立即运行
:::javascript
$(document).ready(function(){
$('#selected-plays > li').addClass('horizontal');
//查找id为#selected-plays元素的子元
有如下表单:
:::html
在这里我的name每个在后台都必须要为相同的才行,最后形成一个{ choice : [val1, val2, ...] }这样的字典,可以动态增加input个数。
在用jquery.validate.js验证时,只能验证第一个choice,后面的不能验证,解决办法是先把它写成不同的,然后在提交时先验证,验证完成后再改变dom内容就好了。
在validate函数里面添加如下代码:
:::javascript
submitHandler: function(form) {
基本选择器
:::javascript
//选择 id为 one 的元素
$('#btn1').click(function(){
$('#one').css("background","#bfa");
});
//选择 class 为 mini 的所有元素
$('#btn2').click(function(){
$('.mini').css("background","#bfa");
});
//选择 元素名是 div 的所有元素
$('#btn3').