表单与JQuery
2024-09-24 22:22:22
表单:
Html标签注意:
1.提交action
2.提交按钮:类型一定为type="submit" ,不然无反应
3.
Jquery: 个人认为属于JS
1.一般不用表单提交
2.直接onClick提交给JS中的Jquery,在由Jquery提交给后台并接收Json返回值
=====================================================================================================
<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/ViewMasterPageAdmin.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
<%@ Import Namespace="CMSLYF.Models.Entity" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
Index
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<div id="LYF_all">
<img src="../../Content/Image/lyf_siteMapPath.gif" />
<asp:SiteMapPath ID="SiteMapPath1" runat="server"></asp:SiteMapPath>
<fieldset id="content_fieldset" style="border:1px solid yellow">
<h2>SiteSetting_Index</h2>
<table>
<tr style="background-color:#ff6a00;">
<th>Name</th>
<th>Value</th>
<th>操作</th>
</tr>
<%foreach(SiteSettingsEntity sse in Model){ %>
<tr>
<th><%=sse.Name %></th>
<th><%=sse.Value %></th>
<th><a href="javascript:FunShowSiteSetting(<%=sse.SiteSettingId %>)">修改</a>|</th>
</tr>
<tr style="background-color:yellow">
<th></th>
<th></th>
<th></th>
</tr>
<%} %>
</table>
<form action="/SiteSetting/Index" method="post">
网站设置信息:<br />
名称:<input type="text" id="Name" name="Name" /><br />
值 :<input type="text" id="Value" name="Value" /><br />
<input type="submit" id="ButtonSave" name="" value="保存修改" hidden="hidden" />
<input type="button" id="ButtonAddSet" name="" value="添加" />
</form>
</fieldset>
</div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolderStyle" runat="server">
<script src="../../Scripts/jquery-1.8.2.js"></script>
<script type="text/javascript">
function FunShowSiteSetting(id) {
$.post("/SiteSetting/SelectSiteSettingById/" + id, function (data) {
$("#Name").val(data.Name);
$("#Value").val(data.Value);
$("#ButtonAddSet").hide();
$("#ButtonSave").show();
});
}
</script>
</asp:Content>
最新文章
- mysql数据库中标的key的含义
- 使用SharpSSH连接服务器报Algorithm negotiation fail解决办法
- Web开发中的主要概念
- Mysql的“Limit”操作
- f2fs解析(四)f2fs的extent特性
- 一个模拟";显示桌面.scf";程序的JS小函数
- 使用SVNkit删除版本库的文件
- 转:JMeter--使用代理录制Web性.能测试脚.本
- kvm学习小计
- java 新手必看大全
- Scrapy-redis 组件
- Spring Cloud 2-Feign 声明式服务调用(三)
- JDK 8 函数式编程入门
- JDBC的理解
- Windows下Tomcat内存占用过高问题跟踪(ProcessExplorer+jstack)
- python自动化开发-[第十一天]-Mysql
- Ubantu17.10 上安装gitlab
- MAC Gradle 下载的问题
- Python设计模式 - UML - 用例图(Use Case Diagram)
- String扩展 让你在PadLeft和PadRight时不再受单双字节问题困扰