Question

我有两个下降。两个下降的选项是男性和＆amp;女性。如果我在一个下拉菜单中选择男性选项，它会在另一个下拉菜单中自动更改女性。我怎么能这样做？

Answer 1

试试这个

 <select id="cat1">
<option value="0">Select</option>
    <option value="Male">Male</option>
   <option value="Female">Female</option>
</select>
<select id="cat2">
<option value="0">Select</option>
    <option value="Male">Male</option>
   <option value="Female">Female</option>
</select>

<强>的JavaScript

$( "#cat1" ).change(function() {
    if ($(this).val() == "Male"){
        $("#cat2").val("Female");
    } 
    if ($(this).val() == "Female"){
        $("#cat2").val("Male");
    } 
});

Updated Demo

Answer 2

Html和JS

＆＃13;

$(document).ready(function(){
    $("#dp1").change(function(){
      if ($(this).val() == "male")
          $('#dp2>option:eq(1)').prop('selected', true);
      else
        $('#dp2>option:eq(0)').prop('selected', true);
      });
  $("#dp2").change(function(){
      if ($(this).val() == "male")
          $('#dp1>option:eq(1)').prop('selected', true);
      else
        $('#dp1>option:eq(0)').prop('selected', true);
      });
  });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <body>
     <select id="dp1">
  <option value="male">male</option>
  <option value="female">female</option>
</select> 
    <select id="dp2">
  <option value="male">male</option>
  <option value="female" selected>female</option>
</select>
    </body>

＆＃13;

使用java脚本下拉菜单。根据第一个下拉列表更改值

2 个答案:

Html和JS