Erhalten Sie die ausgewählten Elemente einer Listbox in Javascript

Ich habe zwei Listboxen in asp.net. Mit einem Klick auf eine Schaltfläche möchte ich ein Listenfeld mit den Elementen der ausgewählten Objekte in das andere Feld laden. Das Problem ist, dass dies auf der Client-Seite gemacht werden muss, denn wenn die Schaltfläche angeklickt wird, erlaube ich es nicht zu senden. Ich möchte eine JavaScript-Funktion onselectedindexchange aufrufen, aber das ist Server-Seite. irgendwelche Ideen? Sollte ich klarer sein?Erhalten Sie die ausgewählten Elemente einer Listbox in Javascript

Lösung

enter code here 
function Updatelist() { 
    var sel = document.getElementById('<%=ListBox1.ClientID%>') 
    var lst2 = document.getElementById('<%=ListBox2.ClientId %>') 
    var listLength = sel.options.length; 
    var list2length = lst2.options.length; 
    for (var i = 0; i < listLength; i++) { 
     if (sel.options[i].selected) { 
      //lst2.options.add(sel.options[i].text); 
      lst2.options[list2length] = new Option(sel.options[i].text); 
      list2length++; 
     } 
    } 
}

Quelle

2009-05-13 Eric

Sie hatte die Elemente in Javascript hinzufügen, wenn Sie zu einem SELECT-Element hinzugefügt wurden, mit Simpiler Verfahren aktualisiert, so wird Iterator Linie – TStamper

Versuchen:

//onclick for button calls this function 
function Updatelist() { 
var sel = document.getElementbyId("list1"); 
var listLength = sel.options.length; 
for(var i=0;i<listLength;i++){ 
    if(sel.options[i].selected) 
    document.getElementById("list2").add(new Option(sel.options[i].value)); 
    }

Quelle

2009-05-13 21:41:51 TStamper

nicht benötigt habe ich versucht, dass und etwas Ähnliches. aber 'ich bekomme Objekt unterstützt diese Eigenschaft oder Methode nicht' – Eric

stellen Sie sicher, dass Sie "var" vor Ihren Variablendeklarationen enthalten und nicht benennen Ihre Funktionen gleichen Namen wie eine Ihrer IDs – TStamper

versuchen, den Code in Firefox auszuführen, wenn es funktioniert in forefox, dann ist es wahrscheinlich einer der Gründe, warum ich erwähnt habe, warum es nicht funktioniert in IE – TStamper

ist hier ein gutes article, wie diese mit JQuery zu tun.

Sie könnten Ihre Dropdown-Menüs auch in einem Update-Panel anheften.

Quelle

2009-05-13 21:40:06

function Updatelist() { 
var sel = document.getElementById('<%=ListBox1.ClientID%>') 
var lst2 = document.getElementById('<%=ListBox2.ClientId %>') 
var listLength = sel.options.length; 
var list2length = lst2.options.length; 
for (var i = 0; i < listLength; i++) { 
    if (sel.options[i].selected) { 
     //lst2.options.add(sel.options[i].text); 
     lst2.options[list2length] = new Option(sel.options[i].text); 
     list2length++; 
    } 
}

}

Quelle

2009-05-14 19:00:45 Eric

genauer wir tun können, es mögen;

function selectedVal(list) { 
    alert(list.options[list.selectedIndex].text);     
} 

<select id="listbox" multiple="multiple" 
     style="height: 300px; width: 200px;" 
     onclick="javascript:selectedVal(this);"> 
</select>

Quelle

2013-03-14 08:42:09 AkshyaDash

Erhalten Sie die ausgewählten Elemente einer Listbox in Javascript

Antwort

Verwandte Themen