下拉框触发单击事件,在下拉列表上触发点击事件

I have 2 dropdown lists, the first one goes as follows :

{section name=jj loop=$jezyki}

{$jezyki[jj].name}

{/section}

the second one is downloaded from google server, it is a google translate widget.

What i need is when the user clicks on option from the first dropdown, script should change the value of the widget dropdown list AND trigger the click function to actually translate the page.

function changeLang(someth){

var nLang = someth.value;

//$(".goog-te-combo option").val(someth.value);

// $(".goog-te-combo").trigger('click');

$(".goog-te-combo option[value="+nLang+"]").prop('selected',true).click();

}

the snippet above changes the value. I can see, for example, english selected, but still it does not translate the page

解决方案

You need to dispatch onchange event:

function changeLang(someth) {

var nLang = someth.value,

evt = document.createEvent("HTMLEvents");

evt.initEvent("change", false, true);

$('.goog-te-combo').val(nLang)[0].dispatchEvent(evt);

}