设置Select下拉多选框功能,赋值与绑定问题

项目需要所以更改select为多选下拉的菜单选项.

我用的是后台直接绑定

在前台aspx页面直接写一个

<div id="dropsxs" runat="server"></div>

在后台页面直接写一个绑定的方法,如果为编辑的状态时候,就传参数flage为true,否则默认设置flase就行了.

protected void Binddropcq(bool flage)
        {
            string sql = "SELECT sellertext,id FROM cyp_operate_selleragree WHERE sellertype = 2 AND deletetag = 0 ";
            DataTable dt = SqlHelper.ExecuteDataset(_cypSqlConnString, CommandType.Text, sql).Tables[0];
            //FillDll(dt, dropck);
            StringBuilder sbBuilder = new StringBuilder();
            if (dt != null)
            {
                for (int i = 0; i < dt.Rows.Count; i++)
                {
                    sbBuilder.Append("<option value='" + dt.Rows[i]["id"] + "'");
                    if (flage)
                    {
                        String[] str = chekuang.Value.Split(',');
                        foreach (string s in str)
                        {
                            if (string.Equals(dt.Rows[i]["sellertext"], s.Trim()))
                            {
                                sbBuilder.Append("selected='selected'");
                            }
                        }
                    }
                    sbBuilder.Append(">" + dt.Rows[i]["sellertext"]);
                    sbBuilder.Append("</option>");
                }
            }
            this.dropcks.InnerHtml = "<select id='dropck' multiple='multiple' name='dropck[]' runat='server' Width='544px' class='u18'>" + sbBuilder + "</select>";
        }

学习参考网站链接http://labs.abeautifulsite.net/archived/jquery-multiSelect/demo/

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要给Vue中的下拉列表框赋值,可以使用v-model指令来进行数据绑定。在数据对象中定义一个属性,然后将该属性与下拉列表框的选中值进行绑定即可。在提供的代码中,可以看到在Vue实例中的data属性中定义了一个名为optionsList的数组,该数组包含了下拉列表框的选项。每个选项都有一个key和value属性,分别表示显示的文本和对应的值。在Vue实例中,将该数组与下拉列表框的v-model进行绑定,即使用v-model="selected",其中selected是Vue实例中定义的一个属性,用于存储选中项的值。通过这种方式,Vue会自动将选中的值与selected属性进行绑定,并在下拉列表框的选中项变化时更新selected的值。因此,就实现了给下拉列表框赋值功能。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [使用Vue实现下拉列表框批量添加选项](https://blog.csdn.net/cnds123321/article/details/104030850)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [vue+Element中table表格实现可编辑(select下拉框)](https://download.csdn.net/download/weixin_38598213/13129617)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [vue中下拉菜单的赋值问题](https://blog.csdn.net/m0_72167535/article/details/127051361)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值