как вставить <select> через функцию .html в jquery
Я через jquery хочу вставить элемент формы <select> используя функцию .html (код в примере, ниже). Скажите пожалуйста почему так не работает и может как то подругому нужно делать?
<script src="http://code.jquery.com/jquery-latest.js"></script>
<div id="myid">
</div>
<script language="javascript">
var $j = jQuery.noConflict();
$j(document).ready(function() {
$j('#myid').html('<select style="color:#3b103a; border:1px solid #b3a3b3; font-size:14px; padding: 0px 0px 0 5px; " class="styled" />
<option selected="selected" value="">Выбрать модель из списка</option>
<option value="">Sony Ericsson</option>
<option value="">Nokia</option>
<option value="">Samsung</option>
<option value="">LG</option>
</select>')
});
</script>
Я получаю через ajax, штмл код, и в нем содержится <select> как в примере выше. После того как я получил штмл код с сервера я его вставляю через функцию .html(data). Все вставляется кроме <select>. Скажите пожалуйста, что нужно сделать чтобы и <select> тоже вставлялся с <options> |
Убери переносы строк.
|
exec большое спасибо:) . Так работает -
<script src="http://code.jquery.com/jquery-latest.js"></script>
<div id="myid">
</div>
<script language="javascript">
var $j = jQuery.noConflict();
$j(document).ready(function() {
$j('#myid').html('<select><option value="">Sony Ericsson</option><option value="">Nokia</option><option value="">Samsung</option><option value="">LG</option></select>')
});
</script>
|
vilk, так у Вас селект с автозакрытием был :)
Цитата:
|
да с автозакрытием. Но это уже другая ошибка из за которой данные <option> попадали не в <select>
|
По теме, переносы строк тоже можно экранировать, так что для читаемости разбить строку можно:
alert("Я узнал, что у меня\
Есть огромная семья\
И тропинка, и лесок\
В поле каждый колосок")
Обратите внимание, что место склейки не „обрасло” пробельными символами, и так можно разбивать строку в любом месте. |
| Часовой пояс GMT +3, время: 12:50. |