asp.net Javascript - ändern Sie den Beschriftungstext bei Änderung Dropdown-Auswahl

Question

Ich benutze ASP.net Web Forms und habe ein Ereignis ausgelöst, wenn einige Dropdown-Auswahl ändert. Das Ereignis ist nicht im Code enthalten, sondern es handelt sich um eine JavaScript-Methode, die beim Auslösen des Ereignisses ausgeführt wird. Ich muss den Text eines Etiketts entsprechend dem im Dropdown-Menü geänderten Wert ändern.

Ich bin ein Neuling, um Javascript, konnte keinen Weg finden, um die "Text" -Eigenschaft des Etiketts zugreifen. Kann jemand pls helfen?

Answer 1

Hier ein kurzes Beispiel. Das Wichtigste ist, dass aspnet die ID des Elements im generierten HTML umbenennen kann. Verwenden Sie also immer ClientID

<asp:DropDownList ID="DropDownList1" runat="server"> 
    <asp:ListItem Text="Item 1" Value="1"></asp:ListItem> 
    <asp:ListItem Text="Item 2" Value="2"></asp:ListItem> 
    <asp:ListItem Text="Item 3" Value="3"></asp:ListItem> 
</asp:DropDownList> 

<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> 


<script type="text/javascript"> 
    $('#<%= DropDownList1.ClientID %>').change(function() { 
     $('#<%= Label1.ClientID %>').text($(this).val()); 
    }); 
</script> 

Answer 2

In HTML können Sie das Ereignis aufrufen, indem Sie ein Ereignis mit dem Attribut onchange angeben. Sie können den Wert in JavaScript mit diesem Schlüsselwort abrufen. zum Beispiel mache ich eine kleine Demo hier https://jsfiddle.net/3nfvy6ke/5/

<select onchange="javascript:test(this)"> 
<option value="1">1</option> 
<option value="2" selected>2</option> 
</select> 
<script> 
function test(ele){ 
debugger; 
document.write(ele.value); 
} 
</script>