jquery change function not working on dropdown

Question

<script type="text/javascript">

$(document).ready(function () {
 $("#title").change(function () {

        var abc = $(this).val();//previously i mentioned this in "" by mistake please update it.
        alert(abc);

    });

});
</script>

Datepicker is working fine for me and change function also works fine at JSfiddle

but dont know what went wrong with it in my application.

Update:
i think jquery not able to recognize "title" as valid id
Proff: i used onchange javascript function on my DropDownListFor like below

 @Html.DropDownListFor(model => model.title, new[] {
 new SelectListItem { Text = blueddPES.Resources.PES.Resource.mr,Value = "Mr" },
 new SelectListItem { Text =blueddPES.Resources.PES.Resource.mrs,Value = "Mrs"},
 new SelectListItem { Text = blueddPES.Resources.PES.Resource.miss,Value = "Miss"},
 new SelectListItem { Text =blueddPES.Resources.PES.Resource.other,Value = "Other"}
 }, "select", new { onChange = "copyText()" })

<script type="text/javascript">
   function copyText() {
    var vall = document.getElementById("title").value;
    alert(vall);
    }
</script>

Now when dropdownvalue changes then an alert box comes with undefined text;

Oyeme · Accepted Answer · 2012-03-05 07:16:04Z

2

Replace this line

$("this").val();

to this

$(this).val();

answered Mar 5, 2012 at 7:16

Oyeme

11.3k4 gold badges46 silver badges66 bronze badges

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

Comments

adyusuf · Accepted Answer · 2012-03-05 09:16:05Z

1

If you cannot find your element with its Id, you may also try to use

 <select onchange="alert(this.value);">
 ...
 </select>

or

 <select onchange="copyText(this);">
 ...
 </select>


<script type="text/javascript">
   function copyText(that) {

    }
</script>

answered Mar 5, 2012 at 9:16

adyusuf

8251 gold badge11 silver badges28 bronze badges

2 Comments

RollerCosta Over a year ago

yup, a smart way to do. Do you have any idea why javascript/jquery not recognizing selected id as valid id.?

adyusuf Over a year ago

Either element has no Id, or its Id is not "title". Please try to check its Id at runtime using firebug or some other tool.

Rupesh Pawar · Accepted Answer · 2012-03-05 07:17:43Z

0

just use live if elements are created after the page is loaded.

$("#title").live('change', function() {

        var abc = $(this).val();
        alert(abc);

    });

If you are using JQUERY 1.7 or above then use .on()

answered Mar 5, 2012 at 7:17

Rupesh Pawar

1,9071 gold badge12 silver badges17 bronze badges

2 Comments

PraveenLearnsEveryday Over a year ago

live() function should be used if the DOM structure is changed while loading the control coz the event binding is lost next time the html renders.

Darin Dimitrov Over a year ago

In fact .live() is deprecated and should not be used at all.

animuson · Accepted Answer · 2012-03-09 19:48:35Z

0

You have to use

$("this").val()

edited Mar 9, 2012 at 19:48

animuson♦

54.9k28 gold badges142 silver badges150 bronze badges

answered Mar 5, 2012 at 7:17

Андрей Петров

1494 bronze badges

Collectives™ on Stack Overflow

jquery change function not working on dropdown

4 Answers 4

Comments

2 Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related