javascript - 根据从下拉列表中选择的选项为文本字段指定一个值

Question

我想做的是给我的文本字段一个基于从下拉列表中选择的选项的值。例如:我有 2 个字段，一个下拉列表和一个文本字段。我从下拉列表中选择 Facebook，值“http://www.facebook.com/”出现在我的文本字段中。我怎样才能达到这个效果？我知道我必须在下拉列表更改时调用函数，但这几乎就是我所知道的一切。请记住，我并不是试图将下拉列表中的确切选定值复制到此处的文本字段。

Answer 1

示例标记

<select>
    <option value="http://www.facebook.com">Facebook</option>
    <option value="http://www.twitter.com">Twitter</option>
</select>

<input type="text" />

jquery

$('select').change(function() {
    $('input[type="text"]').val(this.value);
});

Here's a fiddle

<小时/>

为了回应您的评论，有多种方法可以做到这一点(switch 语句、if/elseif 语句等)，最简单的可能是创建一个将 text 映射到相应 url 的对象:

var urlFromText = {
  'Facebook' : 'http://www.facebook.com/',
  'Twitter' : 'http://www.twitter.com/'
};

然后，在您的 change 处理程序中，您可以简单地使用:

$('input[type="text"]').val(urlFromText[$('option:selected', this).text()]);

Here's an example