Question

我试过这个。但它不起作用，在下拉列表更改时我想读取下拉值

$('.dropDown').change(function(){

    var valueOfsectotList=$(this).attr('data-value');
    $('#sectorValue').val(valueOfsectotList);
    loadFilters(valueOfsectotList);
});

enter code here

Answer 1

如果您想获取所选选项的属性data-value，可以更改：

var valueOfsectotList=$(this).attr('data-value');

为：

var valueOfsectotList=$(this).find('option:selected').attr('data-value');

Answer 2

使用.val()功能可以获得选择选项的值使用
var valueOfsectotList=$(this).val();

Answer 3

我正在添加一个工作示例。您可以在使用之前根据需要更改控件名称和条件。

首先像这样添加DropDown控件。

<asp:DropDownList ID="ddlCustomerType" runat="server" Width="200px" CssClass="dropdown" DataValueField="Name" DataTextField="ID" OnChange="ShowCustomerDetails();"> </asp:DropDownList>

填写ddlCustomerType并确保其ValueField包含值为“LOCAL”的值

然后添加脚本部分。它应该在给定的条件下工作。

<script type="text/javascript">
    function ShowPaymentSection()
    {
        var ddlCustomerType= document.getElementById('<%=ddlCustomerType.ClientID%>');
        if (ddlCustomerType.value == 'LOCAL') 
        {
            //Code here
        }
    }
</script>

在更改下拉列表时更改Jquery中的函数

3 个答案: