Get text and value of dropdown list using jquery

Question

I have 4 dropdownlist in my view in asp.net mvc 5 and I want to get text and value of each select tag to send to action I use below code but every time I get the text and value of the first dropdownlist

<select id="se1" class="mySelect" onchange="f22()">
        <option value="@item.ID">1</option>
        <option value="@item.ID">2</option>
        <option value="@item.ID">3</option>
        <option value="@item.ID">4</option>
        <option value="@item.ID">5</option>
</select>
<script src="~/Scripts/jquery-1.9.1.js"></script>

<script>
    function f22() {
        var a = $("#se1 option:selected").text();
        var b = $("#se1 option:selected").val();
        alert(a)
        alert(b)
    }
</script>

can you paraphrase your description(question) ?

RomanPerekhrest
– RomanPerekhrest

2015-12-20 17:37:04 +00:00
Commented Dec 20, 2015 at 17:37 — RomanPerekhrest
– RomanPerekhrest, Commented Dec 20, 2015 at 17:37

Ibrahim Khan · Accepted Answer · 2015-12-20 17:38:00Z

1

Pass the element to js function using this as the parameter of f22 function and then use this in js like following. Hope this will help you.

<select id="se1" class="mySelect" onchange="f22(this)">
    .........
    .........
</select>

function f22(elm) {
    var a = $(elm).find("option:selected").text();
    var b = $(elm).val();
    alert(a)
    alert(b)
}

answered Dec 20, 2015 at 17:38

Ibrahim Khan

20.8k7 gold badges46 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Get text and value of dropdown list using jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related