JQuery清空Form表单

最新推荐文章于 2022-01-01 08:36:37 发布

Fengyq0507

最新推荐文章于 2022-01-01 08:36:37 发布

阅读量1k

点赞数 1

分类专栏： web前端文章标签： JQuery

本文链接：https://blog.csdn.net/qq_24192465/article/details/78984279

版权

web前端专栏收录该内容

25 篇文章 0 订阅

订阅专栏

<form action="" id = "myform" class="form-horizontal jpModifyForm" name="myform1">
        
         <div class = "itemdiv">
        <div>
            <div class="mw-panel-0 xk_new">
                <div class="form-group">  
                    <label class="control-label col-md-2">评教题目：</label>
                    <div class="col-md-9">
                        <input class="form-control" type="text" name="content" value="">
                        <input type="hidden" name="epId" value="">
                    </div>
                </div>
            </div>
           <!--   <a class = "additem">添加题目</a><a class = "deleteitem">删除题目</a> -->
            <div class = "xuanxiang">
            	<ul class="xxul">
            		<li>
            			选项号：<input  type="text" name="opsort" value="">
            			选项内容：<input  type="text" name="opcontent" value=""> 
            			分值：<input  type="text" name="opscore" value=""> 
            			<span class="add">添加</span>
            			<span class="delete">删除</span>
            		</li>
            	</ul>
            </div>
            </div>
           </div> 
        </form>

  
        $(".itemdiv").delegate('.add',"click", function(){
    		var htm = '<li>'+'选项号：<input  type="text" name="opsort" value="">'+
    		' 选项内容：<input  type="text" name="opcontent" value=""> '+
    		'分值：<input  type="text" name="opscore" value="">'+ 
			' <span class="add">添加</span>'+' <span class="delete">删除</span>'+
			'</li>';
			$(this).parent("li").parent("ul").append(htm);
			
    	});
        $(".itemdiv").delegate('.delete',"click", function(){
        	var n = $(this).parent("li").siblings("li").length;
        	if(n!=0){
        		$(this).parent("li").remove();
        	}
			
    	});

  //$.unblockUI();
                            $("input[name='content']").val("");
                            
                            var htm = '<li>'+'选项号：<input  type="text" name="opsort" value="">'+
                    		' 选项内容：<input  type="text" name="opcontent" value=""> '+
                    		'分值：<input  type="text" name="opscore" value="">'+ 
                			' <span class="add">添加</span>'+' <span class="delete">删除</span>'+
                			'</li>';
                            $(".xxul").empty().append(htm);