Gọi JavaScript, js khi SelectedIndexChanged trong Html.DropDownList

Cách gọi JavaScript hoặc js jquery khi SelectedIndexChanged trong Html.DropDownList để lấy giá trị text hoặc value của DropDownList.

Cách 1: Gọi JavaScript function khi SelectedIndexChanged trong Html.DropDownList.

• Có DropDownList như sau:

HTML:

<select id="ddlCategory" onchange="ddlChanged(this)">
    <option value="">Chọn</option>
    <option value="1">PHP</option>
    <option value="2">ASP.NET</option>
    <option value="3">C#</option>
    <option value="3">C#</option>
</select>

• Gọi thực thi

HTML:

<script type="text/javascript">
    function ddlChanged(ddlCategory) {
        var text = ddlCategory.options[ddlCategory.selectedIndex].innerHTML;
        var value = ddlCategory.value;
        alert("Text : " + text + " Giá trị: " + value);
    }
</script>

Cách 2: Gọi js khi SelectedIndexChanged trong Html.DropDownList.

• Có DropDownList như sau:

HTML:

<select id="ddlCategory">
    <option value="">Chọn</option>
    <option value="1">PHP</option>
    <option value="2">ASP.NET</option>
    <option value="3">C#</option>
    <option value="3">C#</option>
</select>

• Gọi thực thi

HTML:

[HTML]
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    $(function () {
        $("#ddlCategory").change(function () {
            var text = $(this).find("option:selected").text();
            var value= $(this).val();
              alert("Text : " + text + " Giá trị: " + value);
        });
    });
</script>