2

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

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

<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。对于 Jose，我希望名为 Club 的文本框显示 Real Madrid。

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

4

2 回答 2

2 
<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 库。您也可以用 JavaScript 替换 jQuery。

于 2013-05-13T19:10:46.837 回答
0

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

于 2013-05-13T19:01:03.410 回答