Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   как вставить <select> через функцию .html в jquery (https://javascript.ru/forum/jquery/9132-kak-vstavit-select-cherez-funkciyu-html-v-jquery.html)

vilk 30.04.2010 13:44

как вставить <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 30.04.2010 14:39

Убери переносы строк.

vilk 30.04.2010 14:44

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>

e1f 30.04.2010 14:48

vilk, так у Вас селект с автозакрытием был :)
Цитата:

class="styled" />

vilk 30.04.2010 15:08

да с автозакрытием. Но это уже другая ошибка из за которой данные <option> попадали не в <select>

subzey 01.05.2010 11:21

По теме, переносы строк тоже можно экранировать, так что для читаемости разбить строку можно:
alert("Я узнал, что у меня\
Есть огромная семья\
И тропинка, и лесок\
В поле каждый колосок")


Обратите внимание, что место склейки не „обрасло” пробельными символами, и так можно разбивать строку в любом месте.


Часовой пояс GMT +3, время: 10:35.