триггер jquery на document.form.element.value

Question

У меня есть два раскрывающихся меню (select1 и select2) и 1 входной текст (курс). При выборе значения в select1 он изменяется в select2. Когда я выбираю значение в select2, значение появляется во входном тексте. Теперь я хочу изменить входной текст для изменения, когда select2 изменяется с помощью триггера select1. Но это не работает. Я попытался изменить, размыть ... но это не помогло.

Любая идея?

$('#select1').change(function() { 
    $.post("includes/functions.php", {select1: ""+$(this).val()+""}, 
     function(data){ 
     var objet = JSON.parse(data);  
     ... 
     $("#select2").val(objet.select2value); //That works! 
     } 
} 

, а затем:

$('#select2').bind('keyup blur change focus click', function(){ 
    $.post("includes/functions.php", { 
    rate: ""+$(this).val()+"" }, function(data){ 
     var objet = JSON.parse(data); 
     /* That works when I change select2 directly in the drop-down; 
      not when select2 changed by changing select1 */ 
     document.form.rate.value = objet.rate; 
    }); 
}); 

Answer 1

Как насчет рефакторинга логики за пределами второго обработчика, и вызывая его на обоих мероприятиях:

$('#select1').change(function() { 
    $.post("includes/functions.php", {select1: ""+$(this).val()+""}, 
     function(data){ 
     var objet = JSON.parse(data);  
     ... 
     $("#select2").val(objet.select2value); 
     updateRate(); 
     } 
} 

$('#select2').change(function(){ 
    updateRate(); 
}); 

function updateRate() { 
    $.post("includes/functions.php", { 
     rate: ""+ $('#select2').val() +"" }, function(data){ 
      var objet = JSON.parse(data); 
      document.form.rate.value = objet.rate; 
     }); 
}