Форум

Buskopan · #1 (**permalink**) 24.10.2014, 15:52

добрый день в этом языке вообще ничего не знаю Только начинаю разбираться Прошу помощи

В 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'; 
					}    }
	}

что делаю не так ?

ksa · #2 (**permalink**) 24.10.2014, 16:13

Сообщение от Buskopan

что делаю не так ?

Да много чего...
- Пример верстки просто отстой
- Обращение к элементам устаревшее

ksa · #3 (**permalink**) 24.10.2014, 16:18

Сообщение от Buskopan

при выборе пользователем в первой выборке HELLI во вторую автоматом прописывалось Zabrat при выборе BOAT чтобы прописывалось Sea Port

Как вариант...

<!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>

рони · #4 (**permalink**) 24.10.2014, 16:19

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>

ksa · #5 (**permalink**) 24.10.2014, 16:25

Еще вариант...

function BunkChange(Val) { 
	var o=document.getElementById('shore');
	switch (Val) {
	   case 'HELI':
		  o.value='Zabrat';
		  break;
	   case 'BOAT':
		  o.value='SeaPort';
		  break;
	};
};

Форум

Справочник

Discord чат

Курсы javascript