jQuery append не работает как ожидалось

Question

$('#modal').append('<input type="hidden" value="' + $('#selector').val() || myVar + '">'); 

Что может привести к тому, что мое приложение не работает? В следующей строке я делаю append("test"), и он работает. В моей консоли нет ошибок.

Answer 1

Вам необходимо использовать кронштейны, чтобы оператор или оператор принимал во внимание только $('#selector').val(), а не прилагаемый к нему input. Попробуйте это:

$('#modal').append('<input type="hidden" value="' + ($('#selector').val() || myVar) + '">'); 

Answer 2

Создание input и значение отдельно, а затем вызвать присоединять?

var inputValue = $('#selector').val() || myVar; 
var $input = $("<input>", {"type": "hidden", "value": inputValue }); 
$('#modal').append($input);