Доброго дня, уважаемое сообщество
Есть небольшой скрипт, который динамически формирует список для 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 ?