2017-07-17 109 views
0

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

我是javascript的新手,无法找到访问标签的“文本”属性的方法。 有人可以帮忙吗?

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

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

回答

0

这里有一个简单的例子。要记住的最重要的事情是,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> 
0

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