有一个选择菜单用Jquery Mobile在另一个选择菜单中选择一个值

我正在尝试使用优先级下拉菜单在用户选择选项时动态更改另一个下拉菜单的值。 我正在使用Jquery Mobile而不确定如何实现这一目标。 这是我目前的HTML。 因此，如果我选择优先级正常，我希望在commETA和compETA选择框中选择48小时。 在此先感谢您的帮助！

               
 
 
MGK Electric CTA
 
 
 <form class="form-signin" id="form1" method="post" action=""> 
Please describe CTA Below
 Customer Name: 
 Priority Level:  Please Select Normal High Severe Emergency 
 Project: 
 Expected Time for Communication:  Please Select Today 48 Hours 1 Week 2 Weeks 
 Expected Time for Completion:  Please Select Today 48 Hours 1 Week 2 Weeks 1 Month Unknown 
 Description of Issue: 
 Unknowns About Issue: 
 People Invoved in CTA:  

  Sign in 
  
     

Answer 1

这是一个例子：

 $(document).on("pagecreate", "#page-form1", function() { $("select").each(function(idx) { $(this).change(function() { var value = $(this).val(); //$(this).children("option").removeAttr("selected").find("[value='" + value + "']").attr("selected", "selected"); if($(this).attr("id") == "Priority") linkOptions(value); }); }); }); function linkOptions(priority) { var cases = { "Severe": { "commETA": "Today", "compETA": "Today" }, "Normal": { "commETA": "48 Hours", "compETA": "48 Hours" } }; if (cases[priority]) { $.each(cases[priority], function(key, value) { $("#" + key).val(value).trigger("change"); }); } } 

            
 
 
MGK Electric CTA
 
 
 
 
Please describe CTA Below
 Customer Name:  
 Priority Level:  Please Select Normal High Severe Emergency  
 Project:  
 Expected Time for Communication:  Please Select Today 48 Hours 1 Week 2 Weeks  
 Expected Time for Completion:  Please Select Today 48 Hours 1 Week 2 Weeks 1 Month Unknown  
 Description of Issue:  
 Unknowns About Issue:  
 People Invoved in CTA:  
 
  Sign in