Question

我刚开始使用下拉菜单。当用户从下拉菜单中选择一个特定选项时，我试图弄清楚如何让事情发生。

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

<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。对于何塞，我希望名为Club的文本框显示皇家马德里。

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

Answer 1

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

Answer 2

在不重新加载页面的情况下执行此操作的最简单方法是使用jQuery

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

2 个答案: