Question

如何实现选择下拉列表值时，在右边的文本框里显示所选中的值。

<form>
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
<input type="text" name="name">
</form>

Answer 1

<form>
<select name="cars" id="cars" onchange="shows();">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
<input type="text" name="name" id="name">
</form>
<script>
function shows()
{
if(document.getElementById('cars').value!=""&&document.getElementById('cars').value!=null)
{
document.getElementById('name').value=document.getElementById('cars').value;
}
}
</script>