asp.net javascript - ドロップダウンメニューの変更時にラベルテキストを変更する

Question

私はasp.net Webフォームを使用していて、ドロップダウン選択項目が変更されたときにイベントを発生させます。イベントはコードの背後にはなく、代わりにイベントが発生したときに実行されるjavascriptメソッドです。ドロップダウンで変更された値に従って、あるラベルのテキストを変更する必要があります。

私はjavascriptの初心者ですが、ラベルの "Text"プロパティにアクセスする方法が見つかりませんでした。 誰かがplsを助けることができますか？

<script type="text/javascript"> 
    function myMethod(sender, args) { 

     ............ 
    } 
</script> 

Answer 1

簡単な例を作ります。覚えておくべき最も重要なことは、aspnetが生成されたhtml内の要素のIDの名前を変更できることです。だから常に使用する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

htmlでは、onchange属性を使用してイベントを呼び出すことでイベントを呼び出すことができます。このキーワードを使用してJavaScriptの値を取得できます。例えば、私はここに小さなデモここ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>