Question

我正在使用asp.net网络表单，并在某些下拉选项更改时触发了一个事件。事件不在后面的代码中，而是在事件触发时执行的javascript方法。我需要根据下拉列表中更改的值更改某个标签的文本。

我是javascript的新手，无法找到一种方法来访问＆＃34; Text＆＃34;标签的属性。有人可以帮忙吗？

<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>

asp.net javascript - 更改下拉选项时更改标签文本

2 个答案: