Ну как-то так
Код:<script language="javascript"> OrderDivCount=0; function AddOrderDiv(i) { ****NewDivRow="<select>\n"+ **** ****<? ****$InfectionsGroup=''; ****$result=mysql_query("SELECT * FROM ImmunoCombInfo"); ****while ($row = mysql_fetch_array($result)) { *echo "\"<option value='$row[Name]' class='$row[InfectionsGroup]'>$row[Name]</option>\\n\"+\n"; ****} ****?> ****"</select>\n"+ ****"<input type='text' id='Order"+i+"Text' class='Text' size='10' maxlength='10' value='0' onkeypress='javascript: return numbersOnly(event);'>\n"+ ****"<input type='button' class='OrderPlusMinusButtons' onclick='javascript: document.getElementById(\"Order"+i+"Text\").value=Math.round(document.getElementById(\"Order"+i+"Text\").value)+1'>\n"+ ****"<input type='button' class='OrderPlusMinusButtons OrderMinusButton' onclick='javascript: document.getElementById(\"Order"+i+"Text\").value=Math.max(Math.round(document.getElementById(\"Order"+i+"Text\").value)-1,0)'>\n"+ ****"<input type='button' class='Button' value='+' onclick='javascript: AddOrderDiv(OrderDivCount);'>"; ****if (i!=0) ****{ *NewDivRow+= * *"<input type='button' class='Button' value='-' onclick='javascript: document.getElementById(\"Order\").removeChild(document.getElementById(\"Order_"+i+"\"));'>"; ****} ****var order = document.getElementById('Order'); ****var newdiv = document.createElement('div'); ****newdiv.setAttribute('id','Order_'+i); ****newdiv.setAttribute('class','OrderDiv'); ****newdiv.innerHTML = NewDivRow; ****document.getElementById('Order').appendChild(newdiv); * ****OrderDivCount++; } AddOrderDiv(OrderDivCount); </script>
В итоге добавляет такой див:
вот стили:Код:<div id="Order_0" class="OrderDiv"><select> <option class="HIV" value="ВИЧ 1+2 БиСпот">ВИЧ 1+2 БиСпот</option> ... <option class="Helicobacter" value="Helicobacter Pylori IgG">Helicobacter Pylori IgG</option> </select> <input type="text" onkeypress="javascript: return numbersOnly(event);" value="0" maxlength="10" size="10" class="Text" id="Order0Text"/> <input type="button" onclick="javascript: document.getElementById("Order0Text").value=Math.round(document.getElementById("Order0Text").value)+1" class="OrderPlusMinusButtons"/> <input type="button" onclick="javascript: document.getElementById("Order0Text").value=Math.max(Math.round(document.getElementById("Order0Text").value)-1,0)" class="OrderPlusMinusButtons OrderMinusButton"/> <input type="button" onclick="javascript: AddOrderDiv(OrderDivCount);" value="+" class="Button"/> </div>
Код:div.OrderDiv { ****position: relative; ****margin: 0px 0px 3px 0px; } .OrderPlusMinusButtons { background:#eeeeee *url('/test/img/common/plusone.png') 0 0; width:19px; height:9px; border: 0px; position: absolute; left: 360px; top: 0px; } .OrderMinusButton{ background:#eeeeee *url('/test/img/common/minusone.png') 0 0; top: 11px; } * html .OrderPlusMinusButtons{top: 2px;} * html .OrderMinusButton{top: 13px;}


