时间戳

首页 > 解决方案 > 替换其他选择框的选择选项列表值

jquery - 替换其他选择框的选择选项列表值

问题描述

<ul>
   <li>
      <select class="main">
         <option value="1" selected>One</option>
         <option value="2">Two</option>
         <option value="3">Three</option>
         <option value="4">Four</option>
         <option value="5">Five</option>
      </select>
   </li>
   <li>
      <select >
         <option value="1">One</option>
         <option value="2">Two</option>
         <option value="3">Three</option>
         <option value="4">Four</option>
         <option value="5">Five</option>
      </select>
   </li>
   <li>
      <select >
         <option value="1">One</option>
         <option value="2" selected >Two</option>
         <option
            value="3">Three</option>
         <option value="4">Four</option>
         <option
            value="5">Five</option>
      </select>
   </li>
</ul>
<li>
   <select class="main">
      <option value="1">One</option>
      <option value="2">Two</option>
      <option value="3">Three</option>
      <option value="4">Four</option>
      <option value="5">Five</option>
   </select>
</li>
<li>
   <select >
      <option value="1">One</option>
      <option value="2">Two</option>
      <option value="3">Three</option>
      <option value="4">Four</option>
      <option value="5">Five</option>
   </select>
</li>
<li>
   <select >
      <option value="1">One</option>
      <option value="2" selected >Two</option>
      <option
         value="3">Three</option>
      <option value="4">Four</option>
      <option
         value="5">Five</option>
   </select>
</li>
</ul>

在此代码中，当我在第一个选项中选择 2 时，之前选择 1 的所有选项值都应替换为 1

标签： jquery

解决方案

你总是可以这样做：

HTML

<select id="main">
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
</select>

<select id="child">
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
</select>

代码

$('#main').change(function() {
    $('#child').val(this.value)
})

推荐阅读