JQuery在另一个下拉列表中下拉选择值

时间:2014-04-28 20:29:43

标签: jquery html

我的代码中有两个选择框,我希望第一个选择框根据第一个框中选择的内容为第二个框选择默认选择。

代码正在运行,除了它在第一个选择中查看value标记的事实。我想让它看一下默认标签中的值。

例如,如果选择了“计算机类”,我希望第二个选择框立即选择“成人”。

可以在jsfiddle上看到完整的html和JQuery代码:http://jsfiddle.net/uGLZ4/

这是我的JQuery脚本:

$(function(){
    $('select#type').change(function(){ 
        $('select#agegroup').val($(this).val())
        })
})

3 个答案:

答案 0 :(得分:1)

http://jsfiddle.net/uGLZ4/2/

$(function(){
    $('select#type').change(function(){ 
        var defaultVal = $(this).find(":selected").attr('default');
        $('select#agegroup').val(defaultVal);
    });
})

答案 1 :(得分:0)

default无效,但您仍然可以在技术上这样做:

$(function(){
$('select#type').change(function(){ 
        $('select#agegroup').val($(this).find(":selected").attr('default'))
    })
})

http://jsfiddle.net/uGLZ4/3/

答案 2 :(得分:0)

$(function(){
    var type = $('#type').change(function(){ 
        var def = type.find('option:selected').attr('default');
        $('#agegroup').val(def);
    });
});

http://jsfiddle.net/uGLZ4/4/

与其他答案相同,但我稍微清理了你的代码。