Получение значения для динамического ввода разных типов

Question

Я загружаю различные поля ввода (текстовые поля, радиокнопки, флажки) с помощью ajax в моем документе.

var SugesstionValue = $('#EditModalAddSuggestionValue').val(); 
if(SugesstionValue === null || typeof SugesstionValue === 'undefined') 
{SugesstionValue = $('#EditModalAddSuggestionRadioValue input:checked').val();} 
alert(SugesstionValue); 

Я получаю каждый раз, когда undefined Иногда это работает, а иногда нет ... Я не знаю, что делать ..

Answer 1

Трудно точно сказать, что происходит без дополнительной кода. Но, основываясь на вашем описании, похоже, что у вас есть условие гонки, потому что код, который вы предоставили, не запускается после вы загружаете свои поля через ajax. Вот почему SuggestionValue иногда undefined, а иногда нет.

Когда вы выбираете что-то из DOM, оно должно фактически находиться в DOM в то время, когда вы пытаетесь его выбрать. Это означает, что вы должны выбрать ajax-загруженные элементы после вы загружаете их. Вы можете сделать это в своем обратном вызове, если вы добавите поля в DOM, прежде чем делать что-либо еще.