Показать сообщение отдельно
  #1 (permalink)  
Старый 22.01.2013, 23:56
Новичок на форуме
Отправить личное сообщение для Spirtt0 Посмотреть профиль Найти все сообщения от Spirtt0
 
Регистрация: 22.01.2013
Сообщений: 4

Объединить input и select в динамической форме
Доброго дня, уважаемое сообщество

Есть небольшой скрипт, который динамически формирует список для select, и формирует поле input, но вот как динамически вывести их вместе ума не приложу, по отдельности все выводится отлично.

Код:
var lyricslist = JSON.parse( '<?php echo $lyricsjson ?>' );
var tracknum = 1;

function addInput(){
    
    var newDiv=document.createElement('div');
    var newTrack = document.createElement('input');
    
    var trackNumber = 'track'+tracknum;
	
    newTrack.setAttribute('id',trackNumber);
    newTrack.setAttribute('name',trackNumber);
    newTrack.setAttribute('type','text');
    newTrack.setAttribute('size','60');

    var selectHTML = "";
    
    selectHTML="<select name='ltrack"+ tracknum +"'>";

    for(var key in lyricslist) {
	selectHTML+= "<option value='"+lyricslist[key].id+"'>"+lyricslist[key].title+"</option>";
}
        selectHTML += "</select>";
    
	newDiv.innerHTML = selectHTML;

	document.getElementById('dynamicInput').appendChild(newDiv);
	tracknum++;
}


Форма:
<form id="tracks" name="tracks" class="new" method="post" action="testpost.php">
    <div id="dynamicInput">
-- вот сюда динамически вставляется элемент
    </div>
    <input type="button" value="Add" onclick="addInput('dynamicInput');" />
</form>
    <input type="button" value="Save" onclick="tracks.submit()"/>


в вышеприведенном коде вставляется select, не подскажете как корректно добавить перед ним еще и input ?
Ответить с цитированием