jquery检查是否选择了一个选项

Question

$('#arrow-left').click(function() {

    var sel = $('#right option:selected').val();

    $('#left').append('<option value="'+sel+'">'+ sel +'</option>');

});

以上是我的代码。我会在点击后将selectbox #right中的选项附加到selectbox #left。但是，我需要确保在#right或#left选择表单中的“未定义”选项中选择了一个选项。

任何人都知道我该怎么做？

Answer 1

检查所选选项是否存在

$('#arrow-left').click(function () {
    var $selected = $('#right option:selected');
    if ($selected.length) {
        var sel = $selected.val();
        $('#left').append('<option value="' + sel + '">' + sel + '</option>');
    }
});

Answer 2

好吧，使用$('#right').val()，您将获得select的当前值，无论是用户选择还是默认值。

$('#arrow-left').click(function() {
    var sel = $('#right').val();
    $('#left').append('<option value="'+sel+'">'+ sel +'</option>');
});

Answer 3

http://jsfiddle.net/aamir/KsQUX/

var $sel1 = $('select:first'),
    $sel2 = $('select:last');


$sel1.change(function(){
    var $op = $(this).find('option:selected');
    $sel2.append($op);
});