2013-03-07 38 views
0

我在asp.net製作一個網站選擇,我有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"); 

他們都被填充了相同數量的價值觀,我想它這麼當其中一個列表被點擊時,另一個列表將選擇相同的索引。

我該怎麼做?我假設代碼將在lbxPlayer1_SelectedIndexChanged事件?

所以當我點擊「傑克」我想要「布賴恩」也被選中。

我現在意識到,這不是想要在服務器端完成,但在客戶端,所以我想用一些幫助使用JavaScript來做到這一點; 到目前爲止,香港專業教育學院在lbxPlayer1_SelectedIndexChanged事件

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

上面的代碼被測試的這段代碼是一個簡單的測試,但我甚至不能得到那個工作?

+0

請不要問同樣的問題一次以上;如果您認爲您的原始問題(http://stackoverflow.com/questions/15180787/select-same-index-in-list-box)不完整或需要增強,您可以直接編輯它。 – 2013-03-07 13:18:03

回答

3

嘗試

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

在html中的javascript這樣

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

玉應該知道jQuery框架用JavaScript來的工作。這是一個框架

使用。典型的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'); 
}); 
0

玉傢伙感謝您的responces,但我不能讓你的代碼與我的項目工作(沒有錯誤,只是什麼都沒有發生)。然而 你的代碼給了我的想法和解決方案:

香港專業教育學院添加了這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()" 

感謝您的所有快速responces及其工作如何我想現在:)