客户端使用Asp.net列表框

Asp.net listbox used client side

本文关键字:列表 net Asp 客户端      更新时间:2023-09-26

我有两个asp.net listbox控件在我的页面lbox1和lbox2Lbox1在后面的代码中填充。现在用户可以在lbox1上选择项目,并通过单击按钮将选中的项目放入lbox2。我使用javascript做这个,因为我不想每次点击都回发。

这是javascript函数:

function Updatelist() {
            var sel = document.getElementById("lbox1");
            var listLength = sel.options.length;
            for (var i = 0; i < listLength; i++) {
                if (sel.options[i].selected)
                    document.getElementById("lbox2").add(new Option(sel.options[i].value));
            } 
        }

现在我需要在服务器端使用另一个按钮发送lbox2的内容。我认为,使用一个简单的asp按钮与onserverclick事件不工作,因为在服务器端lbox2永远不会填充!

你需要添加一个按钮和JS函数,将lbox1控件的值复制到<asp:HiddenField>控件中。一旦你发布回来,选择的值将在隐藏控件的Value属性中可用。

避免回发使用html下拉…对于你的代码ans将在下面:-

function Updatelist() {var sel = document.getElementById("lbox1");

        var listLength = sel.options.length;
        var opt = document.createElement('option');
        document.getElementById("lbox2").options.add(opt);            
         for (var i = 0; i < listLength; i++) {
             if (sel.options[i].selected) {
                 document.getElementById("lbox2").options.add(opt);
                 opt.text = sel.options[i].value;
                 opt.value = sel.options[i].value;
             }
        } 
    }