Автовыборка значения в Selection
добрый день в этом языке вообще ничего не знаю Только начинаю разбираться Прошу помощи
В html форме <form name="addcrewchange" method="post" action="tba" id="MyForm"> <div class="NavSectionHeader">Please Provide With Details</div> <table> <select name="Transport" id="transport" class="FormFieldMed" onchange="BunkChange();"> <option value=""></option> <option value="HELI">HELI</option> <option value="BOAT">BOAT</option> <optionvalue="OTHER">Other</option> </select> <select name="shore" id="shore" > <option value=""></option> <optionvalue="Zabrat">Zabrat</option> <option value="SeaPort">Sea Port</option> <option value="Other">Other</option> </select> Мне нужно чтобы при выборе пользователем в первой выборке HELLI во вторую автоматом прописывалось Zabrat при выборе BOAT чтобы прописывалось Sea Port в head пишу для того чтобы разобраться следующее function BunkChange() { var b = document.all.transport; if (b.value =='HELI') { if ('shore' != '') { document.all.shore.value = 'Zabrat'; } } } что делаю не так ? |
Цитата:
- Пример верстки просто отстой - Обращение к элементам устаревшее |
Цитата:
<!DOCTYPE html> <html> <head> <!-- <script src='http://code.jquery.com/jquery-latest.js'></script> <link rel='stylesheet type=text/css href=tmp.css' /> --> <style type='text/css'> </style> <script type='text/javascript'> function BunkChange(Val) { var o={ 'HELI': 'Zabrat', 'BOAT': 'SeaPort' }; if (o[Val]) { document.getElementById('shore').value=o[Val]; }; }; </script> </head> <body> <form name="addcrewchange" method="post" action="tba" id="MyForm"> <div class="NavSectionHeader">Please Provide With Details</div> <select name="Transport" id="transport" class="FormFieldMed" onchange="BunkChange(this.value);"> <option value=""></option> <option value="HELI">HELI</option> <option value="BOAT">BOAT</option> <option value="OTHER">Other</option> </select> <select name="shore" id="shore" > <option value=""></option> <option value="Zabrat">Zabrat</option> <option value="SeaPort">Sea Port</option> <option value="Other">Other</option> </select> </form> </body> </html> |
Buskopan,
забудьте о document.all <!DOCTYPE HTML> <html> <head> <title>Untitled</title> <meta charset="utf-8"> <script> function BunkChange() { var b = document.getElementById('transport'), c = document.getElementById('shore'); if (b.value =='HELI') {c.value = 'Zabrat'} ; if (b.value =='BOAT') {c.value = 'SeaPort'} ; } </script> </head> <body> <form name="addcrewchange" method="post" action="tba" id="MyForm"> <div class="NavSectionHeader">Please Provide With Details</div> <table> <select name="Transport" id="transport" class="FormFieldMed" onchange="BunkChange();"> <option value=""></option> <option value="HELI">HELI</option> <option value="BOAT">BOAT</option> <option value="OTHER">Other</option> </select> <select name="shore" id="shore" > <option value=""></option> <option value="Zabrat">Zabrat</option> <option value="SeaPort">Sea Port</option> <option value="Other">Other</option> </select> </table> </form> </body> </html> |
Еще вариант...
function BunkChange(Val) { var o=document.getElementById('shore'); switch (Val) { case 'HELI': o.value='Zabrat'; break; case 'BOAT': o.value='SeaPort'; break; }; }; |
Часовой пояс GMT +3, время: 20:00. |