2012-02-21 116 views
2

我试图选择1更新选择2,然后选择2射击。选择1更新选择2,但选择2不会触发

选择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> 

谢谢!

回答

6
$("#select1").change(function() { 

    $("#select2").val($(this).val()).trigger('change'); 
    //or 
    $("#select2").val($(this).val()).change(); 

}); 

这是你所需要的?或者我错过了什么?

+0

That works !!!!!哇谢谢你! – CodeCore 2012-02-22 00:16:43