怎样阻止刷新
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('input[name=chooseType]').change(function() {
var val = $(this).val();
if (val == 0)
{
$('#attr_top').children().remove();
var content = '<input id="attrvalue_name1" type="text" name="goodsattrvalue" placeholder="请输入属性值"/>';
var oper=content;
$('#attr_top').append(oper);
}
else if (val == 2||val == 1)
{
var content = '<p><input type="text" name="goodsattrvalue" placeholder="请输入属性值"/><button onClick="attr_add(this)">添加</button></p>';
var oper=content;
alert();
$('#attr_top').append(oper);
}
});
});
function attr_add(obj)
{
if($(obj).prev().val().trim() == '')
{
alert("请输入属性值");
return false;
}
else
{
var content = "<button onclick='attr_del(this)'>删除</button>";
var clone = $(obj).parents('p').clone();
$(clone).find('input').val('');
$(obj).parents('p').after(clone);
$(clone).find('input').focus();
$(obj).parents('p').append(content);
$(obj).remove();
}
}
//删除
function attr_del(obj) {
$(obj).parents('p').remove();
return false;
}
</script>
</head>
<body>
<div id="center" >
<!-- 属性 -->
<form id="attr_fm" method="post">
<div class="easyui-panel" title="添加商品属性">
<!--属性组 到 文本类型-->
<div id="attr_center">
<table border="0" cellpadding="0" cellspacing="0"
style="width: auto; height: auto;">
<tr bgcolor="#FFFFFF" class="row1">
<td width="18%" height="30" align="center">属性名称:</td>
<td width="82%" align="left" colspan="3">
<input id="attr_name" name="name" value="${goodsAttribute.name}" class="span2">
</td>
</tr>
<tr bgcolor="#FFFFFF">
<td colspan="4"> </td>
</tr>
<tr>
<td width="20%" height="30" align="center">数据类型:</td>
<td width="20%"><input type="radio" name="dataType" value="1" <c:if test="${goodsAttribute.dataType == 1 }">checked="checked"</c:if>/> 文本</td>
<td width="20%"><input type="radio" name="dataType" value="2" <c:if test="${goodsAttribute.dataType == 2 }">checked="checked"</c:if>/>数字</td>
</tr>
<tr bgcolor="#FFFFFF">
<td colspan="4"> </td>
</tr>
<tr>
<td width="20%" height="30" align="center">文本类型:</td>
<td width="20%"><input type="radio" name="chooseType" value="1" <c:if test="${goodsAttribute.chooseType == 1 }">checked="checked"</c:if> />单选</td>
<td width="20%"><input type="radio" name="chooseType" value="2" <c:if test="${goodsAttribute.chooseType == 2 }">checked="checked"</c:if>/>多选</td>
<td width="20%"><input type="radio" name="chooseType" value="0" <c:if test="${goodsAttribute.chooseType == 0 }">checked="checked"</c:if>/>手动输入</td>
</tr>
</table>
</div>
<!-- 属性值 -->
<div id="attr_top">
<c:forEach items="${goodsAttributeValues}" var="gav">
<tr><td align="center"><p><input type="text" name="goodsattrvalue" value="${gav.goodsattrvalue}"/><button onclick='attr_del(this)'>删除</button></p></td></tr>
</c:forEach>
<tr><td><p><input type="text" name="goodsattrvalue" placeholder="请输入属性值"/><button onClick="attr_add(this)">添加</button></p></td></tr>
</div>
</form>
</div>
<!--保存 取消--->
<!-- <div id="attr_btns">
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-save'" onclick="attr_save()">保存</a>
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-no'" onclick="attr_close()">取消</a>
</div> -->
</div>
<br>
</div>
</form>
</body>
</html>
相关推荐
HTML5手指下滑弹出负一屏阻止移动端浏览器内置下拉刷新功能的实现代码
H5手指下滑弹出负一屏, 阻止移动端浏览器内置下拉刷新功能,具体实例代码如下所示: 默认隐藏,负一屏,手指下滑即可弹出显示,上滑隐藏 正式内容 [removed] import $ from 'jquery'; export default { name
Vue.js 如何阻止 H5 历史刷新页面
在历史模式下,URL 中不包含 # 符号,而是直接使用正常的 URL 地址。通过使用 Vue Router 的历史模式,并添加全局前置守卫,我们可以阻止用户在导航期间触发页面刷新。然后,在 Vue.js 应用程序的入口文件中,我们需要导入 Vue 和 Vue Router,并创建一个路由实例。要阻止 H5 历史刷新页面,我们可以使用 Vue Router 的历史模式,并结合一些 JavaScript 技巧来实现。通过这样的设置,我们可以阻止用户在 Vue.js 应用程序中刷新页面,而是通过路由进行导航。
Ext JS框架程序中阻止键盘触发回退或者刷新页面的代码分享
键盘上的F5或者退格键等按键一般来说会触发页面的后退或者刷新事件,然而这些在前端用代码是可以给屏蔽掉的,这里我们就来看一下Ext JS框架程序中阻止键盘触发回退或者刷新页面的代码分享
jpost-chrome-extension:此扩展阻止jpost.com页面每7分钟刷新一次,从而使不等待刷新就无法完成许多文章,然后在页面中找到您被打扰的地方
jpost-chrome-extension 此扩展阻止jpost.com页面每7分钟刷新一次,从而使不等待刷新就无法完成很多文章,然后在页面中找到您被打扰的地方。
javascript下阻止表单重复提交、防刷新、防后退
javascript下阻止表单重复提交、防刷新、防后退


