C# 如何从列表框中进行选择

我正在asp.net中创建一个网站，我有两个列表框：

lbxPlayer1 and lbxPlayer2

lbxPlayer1.Items.Add("bob");
lbxPlayer1.Items.Add("jack");
lbxPlayer1.Items.Add("sam");

lbxPlayer2.Items.Add("fred");
lbxPlayer2.Items.Add("brian");
lbxPlayer2.Items.Add("dave");

它们都填充了相同数量的值，我希望这样，当单击其中一个列表时，另一个列表将选择相同的索引

我该怎么做？我假设代码将在lbxPlayer1\u SelectedIndexChanged事件中

所以，当我点击“杰克”时，我希望“布莱恩”也被选中

我现在意识到这不是要在服务器端完成的事情，而是要在客户端完成的事情，所以我想通过javascript获得一些帮助； 到目前为止，我一直在lbxPlayer1\u SelectedIndexChanged事件中测试这段代码

lbxPlayer1.Attributes["onchange"] =  "function{alert('Hello');}";

上面的代码只是一个测试程序，但我甚至不能让它工作？

试试看

lbxPlayer1.Attributes["onchange"] =  "changeindex(this) ";

在html javascript中，如下所示

function changeindex (obj) {
    var index = obj.selectedIndex;
    var select= document.getElementById('listbox2');
    select.selectedIndex = index;
}

试用

lbxPlayer1.Attributes["onchange"] =  "changeindex(this) ";

在html javascript中，如下所示

function changeindex (obj) {
    var index = obj.selectedIndex;
    var select= document.getElementById('listbox2');
    select.selectedIndex = index;
}

---

Yu应该了解使用javascript的jQuery框架。这是一个框架

使用JavaScriptDOM元素

lbxPlayer1.Attributes["onchange"] =  "lbxPlayer1SelectedChange(this) "; //declaration of event
function lblPlayer1SelectedChange(element){
     document.getElementById("lbxPlayer2").selectedIndex = element.selectedIndex;
}

使用jQuery。声明事件和函数

$('.lbxPlayer1').change(function() {
    $('.lbxPlayer2 option')[this.selectedIndex].attr('selected','selected');
});

---

Yu应该了解使用javascript的jQuery框架。这是一个框架

使用JavaScriptDOM元素

lbxPlayer1.Attributes["onchange"] =  "lbxPlayer1SelectedChange(this) "; //declaration of event
function lblPlayer1SelectedChange(element){
     document.getElementById("lbxPlayer2").selectedIndex = element.selectedIndex;
}

使用jQuery。声明事件和函数

$('.lbxPlayer1').change(function() {
    $('.lbxPlayer2 option')[this.selectedIndex].attr('selected','selected');
});

---

好的，伙计们，谢谢你们的回复，但是我无法让你们的代码用于我的项目（没有错误，只是什么都没发生）。 但是，您的代码为我提供了一些想法和解决方案：

我添加了这两个javascript函数

<script>
    function ChangePlayer2Lbx() 
    {
        var player1 = document.getElementById("lbxPlayer1");
        var player1index = player1.selectedIndex;
        var player2 = document.getElementById("lbxPlayer2");
        player2.selectedIndex = player1.selectedIndex;
    }
    function ChangePlayer1Lbx() 
    {
        var player2 = document.getElementById("lbxPlayer2");
        var player2index = player2.selectedIndex;
        var player1 = document.getElementById("lbxPlayer1");
        player1.selectedIndex = player2.selectedIndex;
    }
</script>

---

谢谢你们的快速响应，它现在正以我想要的方式工作：）

好的，谢谢你们的响应，但是我无法让你们的代码用于我的项目（没有错误，只是什么都没发生）。 但是，您的代码为我提供了一些想法和解决方案：

我添加了这两个javascript函数

<script>
    function ChangePlayer2Lbx() 
    {
        var player1 = document.getElementById("lbxPlayer1");
        var player1index = player1.selectedIndex;
        var player2 = document.getElementById("lbxPlayer2");
        player2.selectedIndex = player1.selectedIndex;
    }
    function ChangePlayer1Lbx() 
    {
        var player2 = document.getElementById("lbxPlayer2");
        var player2index = player2.selectedIndex;
        var player1 = document.getElementById("lbxPlayer1");
        player1.selectedIndex = player2.selectedIndex;
    }
</script>

---

感谢您的快速回复，以及我现在想要的效果：）

请不要重复问同一个问题；如果您认为您的原始问题（）不完整或需要改进，您可以直接编辑。请不要多次询问同一问题；如果您认为原始问题（）不完整或需要改进，可以直接对其进行编辑。