0

私はasp.netでWebサイトを作成しており、2つのリストボックスがあります:

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");

どちらにも同じ量の値が入力されており、リストの 1 つをクリックすると他のリストが同じインデックスを選択するようにしたいと考えています。

どうすればいいですか？コードは lbxPlayer1_SelectedIndexChanged イベントにあると思いますか?

「ジャック」をクリックすると、「ブライアン」も選択されます。

これはサーバー側ではなくクライアント側で行う必要があることに気付きました。これを行うには JavaScript を使用してください。これまでのところ、lbxPlayer1_SelectedIndexChanged イベントでこのコードをテストしてきました

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

上記のコードは単なるテスターですが、それを機能させることさえできませんか?

4

3 に答える 3

3

試してみる

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

このようなHTML JavaScriptで

function changeindex (obj) {
    var index = obj.selectedIndex;
    var select= document.getElementById('listbox2');
    select.selectedIndex = index;
}
于 2013-03-07T12:52:09.130 に答える
0

皆さんのご回答に感謝しますが、プロジェクトでコードを機能させることができませんでした（エラーは発生せず、何も起こりませんでした）。しかし、あなたのコードは私にアイデアと解決策を与えてくれました：

iveはこれらの2つの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>

これを各リストボックスのhtml属性に追加しました。

onClick="ChangePlayer2Lbx()"

すべての迅速な対応とその作業に感謝します:)

于 2013-03-07T13:31:14.793 に答える
0

Yu は、javascript で動作する jQuery フレームワークを知っている必要があります。フレームワークです

典型的な JavaScript DOM 要素の使用

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');
});
于 2013-03-07T13:13:58.633 に答える