添加或删除项并动态记录项的值
来源:互联网 发布:没有网络怎么重装系统 编辑:程序博客网 时间:2024/06/05 11:49
JS方法
function addSelCont() {
var provinceObj = $('#<%=ddlarea.ClientID %>');
var cityObj = $('#<%=ddlarea2.ClientID %>');
var provinceId =provinceObj.val();
var cityId = cityObj.val();
var provincetName = provinceObj.find("option:selected").text();
var cityName = cityObj.find("option:selected").text();
if (cityId =='') cityName = '';
if (provinceId !='') {
$('#selcont').append(
$('#hidformat').html().format(provincetName, cityName,provinceId,cityId)
);
var selObj = $('#<%=hidSelAreaval.ClientID %>');
var newval = selObj.val();
if (selObj.val() != '') newval += ',';
selObj.val(newval + provinceId + '|' + cityId);
}
}
function selAreaRemove(provinceId, cityId, obj) {
var selObj = $('#<%=hidSelAreaval.ClientID %>');
var re = ',' + provinceId + '\|' + cityId + ',';
var newval = (',' + selObj.val() + ',').replace(re, ',');
newval = newval.replace(/^,+|,+$/g, '');
selObj.val(newval);
$(obj).parent().remove();
}
ASPX页面
<div id="hidformat" style="display:none">
<div class="sel_area">{0} {1}<span onclick="selAreaRemove('{2}','{3}',this)"></span></div>
</div>
<div class="item">
<div style="float: left">
我已经选择了:</div>
<div id="selcont"></div>
</div>
<div class="item">
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:DropDownList ID="ddlarea" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ddlarea_SelectedIndexChanged">
</asp:DropDownList>
<asp:DropDownList ID="ddlarea2" runat="server">
<asp:ListItem Value="0">城市</asp:ListItem>
</asp:DropDownList>
<span class="ai_item_sub" onclick="addSelCont()" style=" cursor:pointer">增加</span>
</ContentTemplate>
</asp:UpdatePanel>
<asp:HiddenField ID="hidSelAreaval" runat="server" Value="" />
</div>
CSS样式
.sel_area {
background: url(../images/ai_05.png) no-repeat right center;
float: left;
margin-left:20px;
}
.sel_area span{
cursor: pointer;
display: inline-block;
width:10px;
height:10px;
vertical-align: middle;
margin-left:2px;
}
- 添加或删除项并动态记录项的值
- jquery动态添加或删除表(table)的行(tr)
- js实现简单的动态添加或删除一行数据
- 学习记录-Qt窗口控件的动态添加和删除
- 删除重复的记录,并保存第一条记录或保存最后一条记录
- JS 动态添加删除文本 并获取文本值
- extjs动态添加或删除控件
- 添加或删除Excel2010加载项
- 动态添加图片并绑定删除事件
- AngularJS动态添加数据并删除
- MFC中菜单项的动态添加、删除与响应
- MFC中菜单项的动态添加、删除与响应
- c# 删除控制面板添加或删除程序项
- 操作注册表在添加或删除程序中添加项
- 如何动态添加删除菜单项?
- JavaScript动态添加删除表格项
- 动态添加、删除ListView列表项
- Android中ListView动态添加删除项
- AIX上提供了XLC编译器也提供了CC编译器,这两个编译器有什么差别呢?
- python等笔记
- 算法导论-第14章
- Java集合总结
- The VC programming specifications - programmers should write code like this
- 添加或删除项并动态记录项的值
- 【鸡肋实验】数据线性相关性对机器学习的影响(一)
- android 框架试用--spring for android
- 《c陷阱与缺陷》笔记--extern
- 事务隔离级别
- 嵌入式ucos系统上移植实现USB UVC协议(支持HD 720P Webcam)
- Ext.TabPanel的api简介
- C#实现N*N的顺时针旋转矩阵
- Eclipse修改背景保护色及变量、方法的高亮