Question

我知道这已经被覆盖过了，但我找不到我需要的东西......

简而言之，我需要将选定的选项从下拉字段复制到文本框。我有这个代码来做到这一点：

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

但是，页面在下拉字段中加载了预先选择的选项，这意味着人们不一定需要选择一个选项。即使用户没有参与并选择其他选项，我怎样才能获得带有#input的字段来显示下拉菜单#font中的选项？

米罗

Answer 1

页面加载

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

http://jsfiddle.net/Us8CG/5/

检查小提琴，感谢@MetalFrog的回答。

Answer 2

只需在页面加载期间触发对选择的更改。

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

JSFiddle：http://jsfiddle.net/MetalFrog/Us8CG/

Answer 3

当DOM准备就绪时将值保存到#input，然后设置change事件处理程序：

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

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

3 个答案: