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

Question

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

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);
});

这是一个小提琴

---

针对您的评论，有很多方法可以做到这一点（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()]);

这是一个例子

Answer 2

HTML

<select id="network">
    <option value="http://www.facebook.com">Facebook</div>
    <option value="http://www.twitter.com">Twitter</div>
</select>
<input id="network-txt"/>

jQuery

$("#network").change(function(){
    $("#network-txt").val($(this).val());
});

工作示例 http://jsfiddle.net/nVEEE/