Question

我有一个下拉列表的jquery更改函数。试图从另一个普通的javascript函数调用此更改函数。它没有用。请帮助我。

以下代码段 -

/** Plain Javascript function **/
    function selectBrowsers() {
    $('#myDropdown1').ddslick({
    data:ddData1,
    width:150,
    selectText: "Select",
    imagePosition:"left",
    onSelected: function(selectedData){
    var selBrowser =  $('#myDropdown1').find('.dd-select').text();
    $('#selectedBrowser1').val(selBrowser);

   /* This is where I try to call change event - None worked */
    // $('#myDropdown1').change();
    // $("#myDropdown1").change();
    // $('#myDropdown1').trigger("change");
    // $('#myDropdown1').trigger('change');
    //$("#myDropdown1").change(triggerOnChangeForWin);
    //  $('#myDropdown1').change('triggerOnChangeForWin');
    // triggerOnChangeForWin();
    //  document.getElementById('myDropdown1').onchange();
    /***/

    }  
    }); 
    }


/** On Change Event **/

    $('#myDropdown1').change(function() {
    var selBrowser =  $('#myDropdown1').find('.dd-select').text();
    alert("selectedBrowserValue : " + selBrowser );

    });

请注意我正在使用ddSlick - JQuery插件进行图像下拉。

由于

Answer 1

这应该这样做：

$('#myDropdown1').trigger("change");

Answer 2

另一种解决方案：

function changeFunc(){
    var selBrowser = $('#myDropdown1').find('.dd-select').text();
    alert("selectedBrowserValue : " + selBrowser );
}

$('#myDropdown1').change(changeFunc);

//...
onSelected: function(selectedData){ 
     //do your other stuff
     changeFunc(); //call the onchange function
}
//...

在另一个javascript函数中调用JQuery Change函数

2 个答案: