根据从下拉菜单中选择的选项给textfield一个值

Give textfield a value based on option selected from drop down

本文关键字：textfield 一个 选项 下拉菜单 选择      更新时间：2023-09-26

我要做的是给我的文本域一个基于一个选项的值是选择从我的下拉列表。例如:我有两个字段，一个下拉框和一个文本框。我从下拉菜单中选择Facebook，值"http://www.facebook.com/"出现在我的文本框中。我怎样才能达到这个效果呢?我知道我必须在下拉菜单的变化时调用一个函数，但这就是我所知道的一切。请记住，我并没有试图将下拉框中选中的值复制到这里的文本框中。

标记示例 

<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()]);

这里有一个例子

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/

相关文章：