Всем доброго времени суток !
Человек я тут новый, попытаюсь доступным языком объяснить суть проблемы.
На сайте необходимо нарисовать поле для ввода текста. При введении значения в это поле, снизу выскакивает список подходящих по маске значений.
Вот пример работающего кода:
http://www.tutu.ru/poezda/
Взяв с данного ресурса необходимые файлы и подставив их на свой сайт я обнаружил, что работает все несколько не так, как мне надо. А именно:
1. При выборе значения и попытке его удаления - не удаляется. Т.е. выбрал я, например, населенный пункт (кликнул по нему мышкой в списке - он появился в поле), но если я его стираю и выхожу из поля - он вновь появляется.
2. Почему-то данный код у меня работает только в том случае, есть тег <form ....> стоит прямо перед <input type ...>. Т.е. если я "открою" форму в начале таблицы, затем создам несколько <TR> и <TD> ... и только потом вставлю свое текстовое поле - скрипт не работает.
3. И последнее. Было бы просто идеально, если бы была возможность добавлять дополнительные поля - т.е. сделать две кнопки "Добавить еще одно поле" и "Удалить поле". Как это сделать, я пример нашел:
| Код |
<script language="javascript" type="text/javascript">
function ShowOrHideEx(id, show) {
var item = null;
if (document.getElementById) {
item = document.getElementById(id);
} else if (document.all) {
item = document.all[id];
} else if (document.layers){
item = document.layers[id];
}
if (item && item.style) {
item.style.display = show ? "" : "none";
}
}
function onChecked(value) {
ShowOrHideEx('_thumb', value == 'make_thumb');
}
function AddImages() {
var tbl = document.getElementById('tblSample');
var lastRow = tbl.rows.length;
// if there's no header row in the table, then iteration = lastRow + 1
var iteration = lastRow+1;
var row = tbl.insertRow(lastRow);
var cellRight = row.insertCell(0);
var el = document.createElement('input');
el.setAttribute('type', 'file');
el.setAttribute('name', 'file_' + iteration);
el.setAttribute('size', '41');
el.setAttribute('value', iteration);
cellRight.appendChild(el);
document.getElementById('images_number').value = iteration;
}
function RemoveImages() {
var tbl = document.getElementById('tblSample');
var lastRow = tbl.rows.length;
if (lastRow > 1){
tbl.deleteRow(lastRow - 1);
document.getElementById('images_number').value = document.getElementById('images_number').value - 1;
}
}
</script>
|
| Код |
<form action='' method='post' enctype="multipart/form-data" name="form" id="form">
<input type="hidden" name="subaction" value="upload">
<input type="hidden" name="area" value=''>
<input type="hidden" name="action" value=''>
<input type="hidden" name="images_number" id="images_number" value="1">
<table width="100%">
<tr>
<td bgcolor="#EFEFEF" height="29" style="padding-left:10px;"><div class="navigation">Загрузка файлов на сервер</div></td>
</tr>
</table>
<div class="unterline"></div>
<table id="tblSample" class="upload">
<tr id="row">
<td>С жесткого диска:<br /><input type="file" size="41" name="file_1"></td>
</tr>
</table>
<div>
<input type=button class=buttons value='<<' title='Удалить последнее поле ' onClick="RemoveImages();return false;">
<input type=button class=buttons value='>>' title='Добавить еще одно поле' onClick="AddImages();return false;">
</div>
</form>
|
Пример взят с админки http://pc-soft.ru/static/datalife.html движка.
Поля добавляются и удаляются. Но как создать поле, чтобы из него мог выпадать список - я не знаю 
Надеюсь, я не очень запутанно все объяснил. Люди добрые - помогите, кто чем может. Из похожих тем нашел только http://forum.vingrad.ru/index.php?showtopic=30711&hl=вЫпадающий,and,СЃРїРёСЃРѕРє&st=0, но она немного не то, что нужно. Да и сам я на сегодняшний день полный делетант в Яве 
Буду очень признателен.
С уважением, Сергей. |