Стучу головой о стену здесь. У меня есть кнопка, открывающая диалоговое окно с формой в нем. Форма генерируется через PHP, затем загружается через ajax в виде содержимого в диалог. Кажется, что все работает, за исключением выбора. Текст опции перемещается за пределы тега опции.
вызывающий jquery:
$.ajax({
type: 'POST',
url: '/wizard/basic-info/contact',
dataType: 'html',
success: function(html) {
console.log(html);
$('#dialog-form').append(html);
$('#dialog-form').dialog("open");
}
});
console.log внутри функции success генерирует в основном:
<form action="" method="post" id="contact">
<label>Payment Terms</label>
<select name="payment_terms" id="payment_terms">
<option value="" selected="selected"></option>
<option value="net15">Net 15</option>
<option value="net30">Net 30</option>
<option value="net45">Net 45</option>
<option value="net60">Net 60</option>
<option value="cod">COD</option>
<option value="consignment">Consignment</option>
</select>
Но проверка DOM готовой формы выдает:
<form action="" method="post" id="contact">
<label>Payment Terms</label>
<select name="payment_terms" id="payment_terms">
<option value="" selected="selected"></option>
<option value="net15"></option>Net 15
<option value="net30"></option>Net 30
<option value="net45"></option>Net 45
<option value="net60"></option>Net 60
<option value="cod"></option>COD
<option value="consignment"></option>Consignment
</select>
Очевидно, что текст для каждой опции находится не с той стороны. Есть предложения?
Ответил ---
Ой, мой плохой. Я неправильно запрограммировал свой скрипт вида элемента. Я добавил косую черту в тег опции. Это:
<option value="net15" />Net 15</option>
Должно было быть:
<option value="net15">Net 15</option>
Боже мой, спасибо за помощь.