Passing selected item in listbox to javascript function

Question

I have a Html.ListBox and upon selecting an Item I would like it to pass the item Id in so that I can call and load that selected Item's Information. Whats the best way to pass this id in to a script or maybe is there another way?

     @Html.ListBox("ListBoxName", new SelectList((IEnumerable<Epic>)ViewData["selectedestimate"], "Id", "Name"), new {@class = "ListBoxClass"})



        <script type="text/javascript">
        $(function () {
            $(".ListBoxClass").click(function (event) {
        event.preventDefault(); // Stop the browser from redirecting as it normally would
        $("#editid").load(this.href, function (response) {
            alert('hello'); //this just for testing
        });
    });
});

Adam Seabridge · Accepted Answer · 2012-04-14 00:34:57Z

0

I don't think you need to pass it to the function, you should just be able to do this:

$(this).find("option:selected").val();

answered Apr 14, 2012 at 0:34

Adam Seabridge

2,0541 gold badge22 silver badges27 bronze badges

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

3 Comments

TMan Over a year ago

How does it know what 'this' to refer to?

TMan Over a year ago

nvm that was a dumb question. Thanks this is what I was looking for.

TMan Over a year ago

Let me ask you this..how can I get the selected Items Name instead of the Id, or in other words how can I get the properties of whats in my ViewData in the script? Thx

Collectives™ on Stack Overflow

Passing selected item in listbox to javascript function

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related