根據下拉菜單中的選項為文本字段提供值

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/