根据从下拉列表中选择的选项为textfield提供值

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语句等），最简单的可能是创建一个映射{{1的对象}}到相应的text：

url

然后，在您的var urlFromText = { 'Facebook' : 'http://www.facebook.com/', 'Twitter' : 'http://www.twitter.com/' }; 处理程序中，您只需使用：

change

Here's an example

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/