Я пытаюсь получить обновление 1 Select 2 и затем огонь Select 2.
Select 2 срабатывает только при прямом управлении .. Я в тупике !!
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Select Firing</title> </head> <body> <p>Select 1 updates Select 2, but select 2's alert does not fire</p> <select id="select1"> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> </select> <p>Select 2 only fires alert when controlled directly</p> <div> <select id="select2" onchange="alert(this.value)"> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> </select> </div> </body> <script src="js/jquery-1.6.4.min.js" type="text/javascript"></script> <script> $(document).ready(function() { $(function() { //run on document.ready $("#select1").change(function() { //this occurs when select 1 changes $("#select2").val($(this).val()); }); }); }); </script> </html>
Спасибо!
$("#select1").change(function() { $("#select2").val($(this).val()).trigger('change'); //or $("#select2").val($(this).val()).change(); });
Это то, что вам нужно?Или я что-то пропустил?