Jquery 将下拉字段选择复制到隐藏的文本字段中

我知道这已经涵盖了以前，但我找不到确切的我需要

简而言之，我需要将所选选项从下拉字段复制到文本框中。我有这样的代码：

$(function(){
    $('#font').bind('change', function(){
        $('#input').val($(this).val());
    });
});​

但是，页面会在下拉字段中加载一个预先选择的选项，这意味着人们不一定需要选择选项。即使用户没有参与并选择其他选项，如何从下拉菜单字体中获取id输入字段以显示选项

页面加载时的Miro

$(function(){
    //this first line loads the pre-selected value into the text box
    $('#input').val($('#font option:selected').val());
    //still want to bind the change event
    $('#font').bind('change', function(){
        $('#input').val($('#font option:selected').text());
    });
});

感谢@MetalFrog.在页面加载中的回答，请查看小提琴

$(function(){
    //this first line loads the pre-selected value into the text box
    $('#input').val($('#font option:selected').val());
    //still want to bind the change event
    $('#font').bind('change', function(){
        $('#input').val($('#font option:selected').text());
    });
});

多亏@MetalFrog的回答，请查看小提琴。当DOM就绪时，将值保存到输入中，然后设置更改事件处理程序：

$(function(){
    $('#input').val($('#font').val());
    $('#font').bind('change', function(){
        $('#input').val($(this).val());
    });
});​

当DOM就绪时，将值保存到输入中，然后设置更改事件处理程序：

$(function(){
    $('#input').val($('#font').val());
    $('#font').bind('change', function(){
        $('#input').val($(this).val());
    });
});​

---

只需在页面加载过程中触发对所选内容的更改

$(function(){        
    $('#font').change( function(){
        $('#input').val( $(this).val() );
    }).trigger('change');
});

---

jsiddle:

在页面加载期间，只需在您的选择上触发一个更改

$(function(){        
    $('#font').change( function(){
        $('#input').val( $(this).val() );
    }).trigger('change');
});

---

jshiddle:

谢谢，太好了！只有一个问题。。。不返回文本字段中的值，是否可以返回文本？我的意思是，这个值是一个url地址，而文本只是说Ariel。我用文本替换了最后一个.val。但这仅在页面加载时有效。更改选择后，所有选项都会依次显示在文本字段中。是的，您必须指定仅更新下拉列表的选定值。确定将更新答案，您需要选项：在绑定到单击事件的函数中选择。谢谢。我刚刚意识到有一个更简单的解决方案。。。只需用下拉列表的默认值预先填充输入字段…谢谢，太好了！只有一个问题。。。不返回文本字段中的值，是否可以返回文本？我的意思是，这个值是一个url地址，而文本只是说Ariel。我用文本替换了最后一个.val。但这仅在页面加载时有效。更改选择后，所有选项都会依次显示在文本字段中。是的，您必须指定仅更新下拉列表的选定值。确定将更新答案，您需要选项：在绑定到单击事件的函数中选择。谢谢。我刚刚意识到有一个更简单的解决方案。。。只需使用下拉列表的默认值预先填充输入字段。。。