Функция изменения jquery не работает в раскрывающемся списке

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 работает нормально для меня, и функция изменения также отлично работает на JSfiddle но не знаю, что случилось с ним в моем приложении. Обновление :я думаю, что jquery не может распознать "title" как действительный идентификаторProff: я использовал функцию onchange javascript в моем DropDownListFor, как показано ниже

 @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>

Теперь, когда выпадающее значение изменяется, появляется окно с неопределенным текстом;

Answer 1

Заменить эту строку

$ ("this"). Val ();

на эту

$(this).val();

Answer 2

Если вы не можете найти свой элемент с его идентификатором, вы также можете попробовать использовать

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

или

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


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

    }
</script>

Answer 3

просто используйте live , если элементы создаются после загрузки страницы.

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

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

    });

Если вы используете JQUERY 1.7 или выше, используйте .on ()

Answer 4

Вы должны использовать

$("this").val()