Малко пмощ с един javascript

[mitko666]

Здравейте някой може ли да ми каже как в ето това кодче

<select name="city_or_village">
	<option> </option>
	<option value="city">Град</option>
	<option value="village">Село</option>
	</select>
	<input type="text" name="city" value="Напишете градът." onfocus="this.value=(this.value=='Напишете градът.')?'':this.value" onblur="this.value=(this.value=='')?'Напишете градът.':this.value"/><br />

Ако избера село в option-на динамично в полето city javascript-а да се сменя на Напишете селото и как да стане така че когато не е избрано нищо в option-на да не пише нищо в inputa

 

[fenixpz]

Здравей!
script:

$(function() {
			$('#city').click(function() {
				$('#info').val('Напишете града.');
			});
			$('#vill').click(function() {
				$('#info').val('Напишете селото.');
			});
			$('#noth').click(function() {
				$('#info').val('');
			});
		});

body:

<form>
		<select id="place">
			<option id="noth"> </option>
			<option value="city" id="city">Град</option>
			<option value="vill" id="vill">Село</option>
		</select>
		
		<input type="text" id="info" />
	</form>

Направих го на отделен скрипт за да бъде по пригледно и лесно за редактиране. Иначе ако искаш с javascript нас един ред да го направиш може просто да сложиш onclick="document.getElementById('info').value = 'Град.';" на опциите. Както си избереш

 

[hpstuff]

Това ще работи ако си избера нещо от select-a с мишката ами ако го избера с клавиетурата? Ето така трябва да се направи :

<script>
function changeValue(select){
	var field = document.getElementById('text');
	var fvalue = select.options[select.selectedIndex].value;
	
	field.value = fvalue;
	
	field.onfocus = function(){
		this.value = (this.value == fvalue) ? '' : fvalue;
	}
	
	field.onblur = function(){
		this.value = (this.value == '') ? fvalue : this.value;
	}
   
}
</script>


<select name="city_or_village" onchange="changeValue(this);">
   <option> </option>
   <option value="Напишете градът.">Град</option>
   <option value="Напишете селото.">Село</option>
</select>
<input type="text" id="text" name="city" />