Помогите... с js
Вот есть такой js -
function MakeIt(f)
{
var k = f.options[f.selectedIndex].value;
var tmp = new Array();
var s,j;
s='<select name="city" class="log_in">';
if (city[k] != null) {
tmp = city[k].split('|');
for (j=0; j < tmp.length; j++) {
if ((j % 2) == 0) {
s = s + '<option value="' + tmp[j] + '">';
} else {
s = s + tmp[j];
}
}
}
s = s + '</select>';
el=document.getElementById('sel');
el.innerHTML = s;
}
Вот сюда должен вставить js-скрипт результат работы скрипта -
<div id="sel">
</div>
Всё работает отлично проблема в том, что этот список после нажатия на кнопку не попадает в массив окружения, т.е. перемнной $_POST['city'] вообще нигде не сущ. Помогите...
function MakeIt(f)
{
var k = f.options[f.selectedIndex].value;
var tmp = new Array();
var s,j;
s='<select name="city" class="log_in">';
if (city[k] != null) {
tmp = city[k].split('|');
for (j=0; j < tmp.length; j++) {
if ((j % 2) == 0) {
s = s + '<option value="' + tmp[j] + '">';
} else {
s = s + tmp[j];
}
}
}
s = s + '</select>';
el=document.getElementById('sel');
el.innerHTML = s;
}
Вот сюда должен вставить js-скрипт результат работы скрипта -
<div id="sel">
</div>
Всё работает отлично проблема в том, что этот список после нажатия на кнопку не попадает в массив окружения, т.е. перемнной $_POST['city'] вообще нигде не сущ. Помогите...
Попробуй сделать этот селект скрытым и пустым, а яваскриптом уже заполнять его и делать нескрытым.
Каким браузером ты пользовался, чтобы протестировать функцию?
Каким браузером ты пользовался, чтобы протестировать функцию?
А что если попробовать создавать элементы в объектной модели непосредственно? и <select> и <option>. При помощи document.createElement(). Я щас не могу протестить, вечером попробую.
Вобщем, я протестил, можно создавать элемент <SELECT> в объектной модели броузера при помощи document.createElement(), а потом помещать созданный элемент в структуру документа при помощи appendChild(). Этот подход, я проверил в IE и FF, работает все отлично... ну вот код:
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script language="JavaScript">
<!--
function Gen()
{
if (document.getElementById("sel1") == null)
{
var oSel = null;
var oOpt = null;
oSel = document.createElement("SELECT");
oSel.name = "sel1";
oSel.id = "sel1";
document.frm1.appendChild(oSel);
for (var i = 0; i < 10; i++)
{
oOpt = document.createElement("OPTION");
oOpt.text = "Element number " + i;
document.frm1.sel1.options.add(oOpt);
oOpt = null;
}
}
}
// -->
</script>
</HEAD>
<BODY>
<table width="100%">
<tr>
<td bgcolor="lightblue" align="center">
Generating a dynamic select element and a content of it...
</td>
</tr>
<tr>
<td>
<form name="frm1">
</form>
</td>
</tr>
</table>
Generate!
</BODY>
</HTML>
Здесь во время выполнения создается элемент <SELECT> и помещается в форму frm1. Затем заполняется некоторыми значениями.
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script language="JavaScript">
<!--
function Gen()
{
if (document.getElementById("sel1") == null)
{
var oSel = null;
var oOpt = null;
oSel = document.createElement("SELECT");
oSel.name = "sel1";
oSel.id = "sel1";
document.frm1.appendChild(oSel);
for (var i = 0; i < 10; i++)
{
oOpt = document.createElement("OPTION");
oOpt.text = "Element number " + i;
document.frm1.sel1.options.add(oOpt);
oOpt = null;
}
}
}
// -->
</script>
</HEAD>
<BODY>
<table width="100%">
<tr>
<td bgcolor="lightblue" align="center">
Generating a dynamic select element and a content of it...
</td>
</tr>
<tr>
<td>
<form name="frm1">
</form>
</td>
</tr>
</table>
Generate!
</BODY>
</HTML>
Здесь во время выполнения создается элемент <SELECT> и помещается в форму frm1. Затем заполняется некоторыми значениями.