zoukankan      html  css  js  c++  java
  • 添加或删除项并动态记录项的值

    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}&nbsp;{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;
        10px;
        height:10px;
        vertical-align: middle;
        margin-left:2px;
    }

  • 相关阅读:
    scroller,,list里面滚动到最后,,再添加10条数据
    Egret ,dataGroup,,,tabBar,,,List的区别
    自我回答,问题3:Scroller的属性 scrollPolicyV怎么无效呢,,也就是 scrollPolicyV设置为on,但是并没有显示滚动条
    自我回答,问题2:比如有个历史记录,,然后左边有个按钮btnleft,,右边有个按钮btnright,点击对应按钮,,就会有对应历史记录推进,或者后退
    自我回答,问题1:八个按钮(btn0-btn8),,下面有加分8个bitmap(bitmap0-8),,点击按钮对应有bitmap的值+=1
    js生成 1-100 不重复随机数
    laravel 的passport Oauth 认证登录请求 的 oauth_token 重置
    phpunit 测试指定目录下的测试类
    [SymfonyComponentDebugExceptionFatalThrowableError] Class 'Dingo' not found
    laravel 观察器 模型绑定 方法的关系
  • 原文地址:https://www.cnblogs.com/dashi/p/4034650.html
Copyright © 2011-2022 走看看