从下拉菜单中选择选项的操作

我刚开始使用下拉菜单。我试图弄清楚，一旦用户从下拉菜单中选择一个特定的选项，我可以做些什么事情。从下拉菜单中选择选项的操作

例如，假设我有以下简单的下拉菜单。

<select> 
<option value = ''> Choose Manager </option> 
<option value = 'SAF'> Sir Alex Ferguson </option> 
<option value = 'jose'> Jose Mourinho </option> 
</select>

后跟以下文本框。

<input type='text' name = 'CLub' />

从下拉菜单中选择Sir Alex，我想要显示名为Club的文本框来显示MUFC。对于何塞，我希望称为俱乐部的文本框显示皇马。

我能做到这一点最简单的方法是什么？更重要的是，我不想重新加载页面！

来源

2013-05-13 f1zz0_13

<script> 
    function updateText(){ 
     $('input[name="Club"]').val($('select[name="something"] option:selected').val()); 
    } 
</script>  

<select name="something" onchange="updateText()"> 
    <option value = ''> Choose Manager </option> 
    <option value = 'SAF'> Sir Alex Ferguson </option> 
<option value = 'jose'> Jose Mourinho </option> 
</select> 
<input type='text' name = 'Club' />

看看这个小提琴：http://jsfiddle.net/fkvZ7/

这应该更新文本框中。您将需要包括jQuery的LIB为此..你也可以用JavaScript代替jQuery。

来源

2013-05-13 19:10:46 draxxxeus

做到不重新加载页面的最简单的方法将使用jQuery

来源

2013-05-13 19:01:03 Pieterjan

从下拉菜单中选择选项的操作

回答

相关问题