Bootstrap Модальные и JQuery Change Event

в моей странице сценария я поставил следующий сценарий, когда модальный загружен:Bootstrap Модальные и JQuery Change Event

$("#ClientRealEstate_Status").live("change", function() { 
    CheckRealEstateStatus(); 
}); 

function CheckRealEstateStatus() { 
    var ddl = $("#ClientRealEstate_Status"); 
    alert(ddl.val()); 
    if ($(ddl).val() == "Mortgage") { 
     $(".outstanding").show(); 
    } 
    else { 
     $(".outstanding").hide(); 
    } 
}

Даже несмотря на то, выпадающий заполняется выбранным значением, предупреждение не всегда пустой и никогда не выполняет скрытие и показ div, которые мне нужно отображать/скрывать. Не уверен, что я здесь не замечаю.

UPDATE для скрипки: http://jsfiddle.net/janessaallen/x4nj9rbr/

источник

2014-11-18 jallen

попробовать с DDL = $ ('# ClientRealEstate_Status: выбрано') текст();. – BernieSF

попробовал это и все еще был пустым. Хороший, хотя. – jallen

@jallen Что вы подразумеваете при загрузке модального ?, можете ли вы создать скрипку, чтобы объяснить вашу проблему? – suren

Попробуйте meaby работает,

только что изменил "шоу" для "модальный" и добавьте Moda (скрыть) для закрыть ...

function CheckRealEstateStatus() { 
    var ddl = $("#ClientRealEstate_Status"); 
    alert(ddl.val()); 
    if ($(ddl).val() == "Mortgage") { 
     $(".outstanding").modal(); 
    } 
    else { 
     $(".outstanding").modal('hide'); 
    } 
}

источник

2014-11-18 16:47:23

ОП гласит, что тревога всегда вернуть пустые значения. Проблема находится в $ ("# ClientRealEstate_Status"). Val(); – BernieSF

Прошу прощения, а не следования. Что вы подразумеваете под OP? – jallen

@jallen OP: Оригинал сообщения. – BernieSF

Обновленный скрипку пожалуйста, проверьте http://jsfiddle.net/x4nj9rbr/1/

Использование на вместо жить.

$("#ClientRealEstate_Status").on("change", function() { 
     CheckRealEstateStatus(); 
    }); 

function CheckRealEstateStatus() { 
    var ddl = $("#ClientRealEstate_Status"); 
    alert(ddl.val()); 
    if ($(ddl).val() == "Mortgage") { 
     $(".outstanding").show(); 
    } 
    else { 
     $(".outstanding").hide(); 
    } 
}

источник

2014-11-18 17:09:34 suren

Оказывается, проблема заключается в том, что выпадающее меню имеет предварительно заполненное значение от передаваемой модели. Затем он не распознает выбранное значение. Так что это почти так, как мой первоначальный вопрос неправильный. – jallen

Я попробовал ваш код в Visual Studio на этом пути, и это сработало:

<script> 
    $(document).ready(function() { 
     $("#ClientRealEstate_Status").on("change", function() { 
      CheckRealEstateStatus(); 
     }); 
    }) 

    function CheckRealEstateStatus() { 
     var ddl = $("#ClientRealEstate_Status"); 
     alert(ddl.val()); 
     console.log(ddl.val()); 
     if ($(ddl).val() == "Mortgage") { 
      $(".outstanding").show(); 
     } 
     else { 
      $(".outstanding").hide(); 
     } 
    } 
</script>

источник

2014-11-18 17:18:20 BernieSF

Bootstrap Модальные и JQuery Change Event

ответ

Смежные вопросы