Question

我有一个包含数字的选择html（要选择的页面）。当所选选项已更改时，此select元素将调用另一个函数。正在调用一个函数，所选选项已更改。

$("select#LogNavPage").change(function(){

    var pageNum = $("select#LogNavPage").val();

    $.ajax({        
        url: "serviceClient.aspx?Op=" + opCode,
        type: "POST",
        async: false,
        data: $.param({
            pageNum: pageNum, 
            categoryId: categoryId, 
            brandId: brandId, 
            seriesId: seriesId, 
            modelId: modelId, 
            productName: productName
        }),
        success: function(data){showEditProduct(data);}, 
        error: function(data){$("#ProdGenerator ul").append(data);}
    });
});

我的目标是，当我点击按钮（上一个和下一个）时，它也会触发选择并同时选择下一个或上一个选定的项目。

“下一个”和“上一个”按钮仍为空。

$("#NextLog").click(function() {

    //trigger select change function here
});

有可能吗？感谢。

Answer 1

你可以这样做：

http://jsfiddle.net/KoalaBear/RAg8U/

$(document).on('change', '#LogNavPage', function() {
    alert($(this).val());
});

$(document).on('click', '#Next', function() {
    $('#LogNavPage option:selected').prop('selected', false).next().prop('selected', true);
    $('#LogNavPage').trigger('change');
});

$(document).on('click', '#Previous', function() {
    $('#LogNavPage option:selected').prop('selected', false).next().prop('selected', true);
    $('#LogNavPage').trigger('change');
});

Answer 2

我有一种感觉，你要求的不止一件事，但这是一个开始：

$("#NextLog").click(function() {
    $('select#LogNavPage').trigger('change');
});

自动触发下一个选定的项目

2 个答案: