<html>
<script>
var n;
var t;
function sq()
{
document.getElementById('q').value=document.getElementById('s').value;
};
</script>
<body>
<form action=*>
<input type="text" id="s" onchange="sq()">
<input type="text" id="q">
</form>
</body>
</html>
форма
Скажу сразу я не программист!,Я работаю оффис менаджером в небольшой фирме, но как и многим в наше время на работе преходится быть универсалом ))так вот дали мне задание составить форму на HTML(как дурак сказал чтоя немного знаю его)..форму составил (хотя и это далось нелегко) но мало того мне еще и как какую динамику попросили создать....ужас..это помоему JavaScript а я с ним совсем не в ладах...
Помогите люди добрые!!
Короче мне нужно всего пару скриптов
1- при введении текста в одном поле (ну в этом <input type="text" name="textfield" />) , этот же текс появляется в друном такомже поле.
2 При Избирании (или выделении) пункта списка (он же <select name="select"><option>bla bla bla</option></select>) при каждом в текстовом поле появлялась определенная надпись...(и такой же вариан где при выборе пункта списка определенная информация записывается сразу в несколько текстовых полях (в каждом разная))
Заранее благодарен!!!
Если хочешь готовый код получить, то кидай код в студию
Код:
<html>
<script>
function f(list)
{
if(list==0){document.getElementById('a1').value='Выбрано ДА'}
if(list==1){document.getElementById('a1').value='Выбрано НЕТ'}
}
</script>
<body>
<form action=*>
<select onchange="f(value)">
<option value = 0 >ДА
<option value = 1>НЕТ
</select>
<input type="text" id='a1' value="Выбрано ДА">
</form>
</body>
</html>
<script>
function f(list)
{
if(list==0){document.getElementById('a1').value='Выбрано ДА'}
if(list==1){document.getElementById('a1').value='Выбрано НЕТ'}
}
</script>
<body>
<form action=*>
<select onchange="f(value)">
<option value = 0 >ДА
<option value = 1>НЕТ
</select>
<input type="text" id='a1' value="Выбрано ДА">
</form>
</body>
</html>
Если добавляешь строки в<option>, то в нём пишешь след. value=2,3...
И в скрипте пишешь:
if(list==Значение Value){document.getElementById('a1').value='Что надо для вывода в текстовое поле'}
написать не могу, убегаю, но если разберешься - возьми исходник вот этого (для хорошего человека не жалко :)):
Цитата: azel363
При Избирании (или выделении) пункта списка (он же <select name="select"><option>bla bla bla</option></select>) при каждом в текстовом поле появлялась определенная надпись...(и такой же вариан где при выборе пункта списка определенная информация записывается сразу в несколько текстовых полях (в каждом разная))
Охо :) Да тут уже ajax. Врят ли это дастся тебе в одиночку. Мой совет - найди одного человека, пусть он тебе поможет/сделает. Или, если сам разберешься, весьма похожий пример: http://www.ixbt.com/soft/ajax.shtml
azel363, расскажи подробнее о данных которые ты должен обрабатывать во втором пункте задания. Что представляют из себя значения которые записываются после выбора пункта списка?
Или о своем ТЗ :)
Это форма для принятия пластиковых карт...
1) мне нужно чтобы при выборе пункта в списке , в текстовом поле написалась определенная заданная мной информация...
2)Чтобы при заполнее 3 текстовых полей(ИФО) информация из них копировалась в 4-е текстовое поле(причем недолжно превышать 21символ) если клиент незахочет вписать туда чтото свое..конечно!
ну и еще различные проверки на заполнение но с этим уже легче..)
Что значит "принятия пластиковых карт"? Если вы имеете ввиду прием платежей с пластика то ваших знаний абсолютно недостаточно для настройки подобного сервиса.
Он может хотя бы сделать форму, что бы потом редиректить юзера на нужную форму нужного банка
Основная страница с формой:
Код:
....
<script type="text/javascript" src="data.js"></script>
<script type="text/javascript" src="form.js"></script>
<select onchange="Onchange(this);">....</select>
<input type="text" name="select_info" id="si" />
<!-- === -->
<input type="text" name="fio_i" id="fio_i" onblur="Onblur(this);" />
<input type="text" name="fio_f" id="fio_f" onblur="Onblur(this);" />
<input type="text" name="fio_o" id="fio_o" onblur="Onblur(this);" />
<input type="text" name="fio" id="fio" />
<script type="text/javascript" src="data.js"></script>
<script type="text/javascript" src="form.js"></script>
<select onchange="Onchange(this);">....</select>
<input type="text" name="select_info" id="si" />
<!-- === -->
<input type="text" name="fio_i" id="fio_i" onblur="Onblur(this);" />
<input type="text" name="fio_f" id="fio_f" onblur="Onblur(this);" />
<input type="text" name="fio_o" id="fio_o" onblur="Onblur(this);" />
<input type="text" name="fio" id="fio" />
data.js:
Код:
window.selvals = {"Строка1": "Значение1",
"Строка2": "Значение2",
"СтрокаN": "ЗначениеN"};
"Строка2": "Значение2",
"СтрокаN": "ЗначениеN"};
form.js:
Код:
function Onselect(el) {
var curel = el.options(el.selectedIndex);
var selinfo = document.getElementById("select_info");
selinfo.value = selvals[curel.value];
}
function Onblur(el) {
var i = document.getElementById("fio_i");
var f = document.getElementById("fio_f");
var o = document.getElementById("fio_o");
var fio = document.getElementById("fio");
if ((o.value) && (f.value) && (i.value) && (!fio.value)) {
fio.value = i + " " + f + " " + o;
fio.value = fio.value.substr(0, 21);
}
}
var curel = el.options(el.selectedIndex);
var selinfo = document.getElementById("select_info");
selinfo.value = selvals[curel.value];
}
function Onblur(el) {
var i = document.getElementById("fio_i");
var f = document.getElementById("fio_f");
var o = document.getElementById("fio_o");
var fio = document.getElementById("fio");
if ((o.value) && (f.value) && (i.value) && (!fio.value)) {
fio.value = i + " " + f + " " + o;
fio.value = fio.value.substr(0, 21);
}
}
fix: точнее говоря, AJAX
p.s: код не проверял
Цитата: Proger_XP
Он может хотя бы сделать форму, что бы потом редиректить юзера на нужную форму нужного банка
Полная чушь. Прием платежей с пластика происходит совсем не так.
Мне вот еще головной боли добавили...
Народ вот такой вопрос модно ли, это я уже спрашивал м не ответили и вроде получилось но сейчас задание усложнилось, так вот возможно чтобы при занолнении 2 текстовых полей и выборе пункта из списка в 3ем текстовом поле отмечалось все это а точнее, из первого текстового поля бралась только перваю буква и точка(+ исключения так как все будет на английском когда надо брать нетолько первую буква а две буквы(Sh.Kh.Ch и тд.)) + если выбран еще один список то слова меняются...так трудновато как обеснять...попробую наглядно...
1 спрока списак где выберается тип пластиковой карты (только при определенных обезательно чтобы к имени пребаылялось Mr или Ms. при остальных можно и неставить мне надо чтобы это писалось автоматич.)
2) Имя 3)фамилия 4) пол 5) строка имени пользователя(она должна быть ограничена 21 символом но простым ограничением MaxChar помоему неполучается потому что когда он перекидывает текст из первого текстового поля(имя)+ всторое текстовое поле(фамилия) в текстовое поле(имя пользователя ) + пробуды между ними, он как бы клядет на это ограничения и кидает все символы и даже больше 21 а нужно наооборот чтобы он например срезал все что идет после 21 символа включая пробулы.)... именно сюда надо направить всю эту фигню а точнее...Если выбранно например MC Gold + Списак тол(муж) надо чтобы шла приставка Mr. тоже если выбран пол ж шла приставка Ms...
PS: серьезно, не обижайся ) просто я пока прочитал то, что ты хочешь )) я сам обалдел :D
А что ещё можно ожидать от "оффис менаджера", который не может свою должность правильно написать? Вот так у нас в стране всё...
1 и второе текстовое поле спокойно переходит в 3 а как только выбераешь список он правильно
передает значение ,но стирает то что передали 1 и 2 поле..как сложить все результаты?Чтобы
он писал до имени и фамилии Mr или Ms в зависимости от пола...
И еще нужно ограничить конечно поле 21 символом...заранее спосибо!
<script>
var mr="Mr.";
var ms="Ms.";
function f(list)
{
if(list==0){document.getElementById('q').value=mr}
if(list==1){document.getElementById('q').value=ms}
}
var prob=" ";
function sq(list)
{
document.getElementById('q').value=document.getElementById('s').value + prob +
document.getElementById('s2').value;
};
</script>
Name<INPUT id=s onchange=sq(value)>
Surname<INPUT id=s2 onchange=sq(value)>
<SELECT onchange=f(value) name=select>
<OPTION value=0 selected>male
<OPTION value=1>female</OPTION>
</SELECT>
<input name="myInput" type="text" id="q" value="" maxlength="21">
А как можно сделать чтобы определенное значение в конечном поле писалось только например если в Spisok 1 выбранно значение 1(например) а в Spisok2 выбранно значение female(например) а в противно случае писалось другое значение...?
<script>
var mr="Mr.";
var ms="Ms.";
function f(list)
{
if(list==0){document.getElementById('q').value=mr}
if(list==1){document.getElementById('q').value=ms}
}
var prob=" ";
function sq(list)
{
document.getElementById('q').value=document.getElementById('s').value + prob +
document.getElementById('s2').value;
};
</script>
Spisok
<select name=select>
<option >1</option>
<option>2</option>
<option>2</option>
</select>
</font></TD>
Name<INPUT id=s onchange=sq(value)>
Surname<INPUT id=s2 onchange=sq(value)>
Spisok2
<SELECT onchange=f(value) name=select>
<OPTION value=0 selected>male
<OPTION value=1>female</OPTION>
</SELECT>
<input name="myInput" type="text" id="q" value="" maxlength="21">