Добрый день. Есть проблемма. имеется вот такой код.
Буквально он выводит кнопку Добавить Город.
Далее в зависимости от того что мы выбрали ввыводит 4 inputa и к ним создает 4 текстовых значения.
что нужно...нужно поместить это в таблицу
буквально что бы получилось так..
| Код |
<table>
<tr><td>текстовое зачени 1 </td> <td> >input1></td></tr>
<tr><td>текстовое зачени N </td> <td> >inputN></td></tr>
|
что пробывал....
пробывал создавать элементы в виде таблицы....буквально так
elem = document.createElement("table");
elem.setAttribute('border', '1');
frm.appendChild(elem);
и так все остальное...понял что это затея бредовая почти сразу
пробывал через document.getElementById('table').innerHTML+="<tr><td>";
добавлять к существуюшей в хтмл таблице.....как то тоже не очень успешно.....видимо что то не так.
Кто подскажет в какую сторону шагать?
| Код |
<script language="javascript">
var xmlHttp = false;
/*@cc_on @*/
/*@if (@_jscript_version >= 5)
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e2) {
xmlHttp = false;
}
}
@end @*/
if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
xmlHttp = new XMLHttpRequest();
}
function selCity() {
var frm = document.getElementById('mainFrm');
var elem, txt;
if (document.getElementById("ctSelect").value==-2)
if (!document.getElementById("othCity"))
{
elem = document.createElement("input");
elem.setAttribute('id', 'othCity');
elem.setAttribute('name', 'othCity');
frm.insertBefore(elem, document.getElementById("ctSelect").nextSibling);
}
if (document.getElementById('i0')) return;
for (i = 0; i<4; i++){
elem = document.createElement("p");
frm.appendChild(elem);
elem.setAttribute('onchange', 'selCity();');
txt = document.createTextNode((i+1)+" ");
frm.appendChild(txt);
elem = document.createElement("input");
elem.setAttribute('id', 'i'+i);
elem.setAttribute('name', 'i'+i);
frm.appendChild(elem);
}
elem = document.createElement("p");
frm.appendChild(elem);
elem = document.createElement("input");
elem.setAttribute('type', 'submit');
elem.setAttribute('value', 'Ok');
frm.appendChild(elem);
}
function updatePage() {
if (xmlHttp.readyState == 4) {
var response = xmlHttp.responseText;
var a = response.split("\n");
var elem = document.createElement("select");
elem.onchange = selCity;
elem.setAttribute('id', 'ctSelect');
elem.setAttribute('name', 'ctSelect');
elem.options[0] = new Option("Âûáåðèòå ãîðîä...", "-1", false, false);
for (var i = 0; i<a.length; i++)
elem.options[i+1] = new Option(a[i], i, false, false);
elem.options[i+1] = new Option("Äðóãîé ãîðîä...", "-2", false, false);
var frm = document.getElementById('mainFrm');
frm.removeChild(document.getElementById('startBtn'));
document.getElementById('mainFrm').appendChild(elem);
}
}
function callServer() {
var url = "./1.php";
xmlHttp.open("GET", url, true);
xmlHttp.onreadystatechange = updatePage;
xmlHttp.send(null);
}
</script>
</table>
<center><form id="mainFrm" style="width:350px; border:solid 1px; padding:10px;">
<input id="startBtn" type="button" value="send" onclick="this.setAttribute('disabled', 'true'); callServer();" />
</form>
<script language="javascript">
document.getElementById("startBtn").removeAttribute('disabled');
</script>
|
|