如何将 id 分配给选择标签

Question

我已经实现了组合框，但我的问题是我想为我的项目实现两个组合框，并且我想像 <select id="size1" 那样为它们分配不同的 ID。如何将 id 分配给这个<select data-placeholder="Your Favorite Football Team" style="width:350px;" class="chosen-select" multiple tabindex="6">，如果我将 id 分配给 html 中的选择标签，我该如何在 jquery 代码$(".chosen-select").chosen(); 中做同样的事情

如果我将 id 添加到选择标签，我应该更改 jquery 代码吗？

下面是我的代码

$(function(){
    $(".chosen-select").chosen();
});

<link rel="stylesheet" href="http://harvesthq.github.io/chosen/chosen.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
  <script src="http://harvesthq.github.io/chosen/chosen.jquery.js" type="text/javascript"></script>
<div>
          <em>Multiple Select with Groups</em><br />
          <select data-placeholder="Your Favorite Football Team" style="width:350px;" class="chosen-select" multiple tabindex="6">
            <option value="" />
            <optgroup label="NFC EAST">
              <option />Dallas Cowboys
              <option />New York Giants
              <option />Philadelphia Eagles
              <option />Washington Redskins
            </optgroup>
            <optgroup label="NFC NORTH">
              <option />Chicago Bears
              <option />Detroit Lions
              <option />Green Bay Packers
              <option />Minnesota Vikings
            </optgroup>
            <optgroup label="NFC SOUTH">
              <option />Atlanta Falcons
              <option />Carolina Panthers
              <option />New Orleans Saints
              <option />Tampa Bay Buccaneers
            </optgroup>
            <optgroup label="NFC WEST">
              <option />Arizona Cardinals
              <option />St. Louis Rams
              <option />San Francisco 49ers
              <option />Seattle Seahawks
            </optgroup>
            <optgroup label="AFC EAST">
              <option />Buffalo Bills
              <option />Miami Dolphins
              <option />New England Patriots
              <option />New York Jets
            </optgroup>
            <optgroup label="AFC NORTH">
              <option />Baltimore Ravens
              <option />Cincinnati Bengals
              <option />Cleveland Browns
              <option />Pittsburgh Steelers
            </optgroup>
            <optgroup label="AFC SOUTH">
              <option />Houston Texans
              <option />Indianapolis Colts
              <option />Jacksonville Jaguars
              <option />Tennessee Titans
            </optgroup>
            <optgroup label="AFC WEST">
              <option />Denver Broncos
              <option />Kansas City Chiefs
              <option />Oakland Raiders
              <option />San Diego Chargers
            </optgroup>
          </select>
        </div> 

Answer 1

那是微不足道的。这是你所期望的？

$(function(){
    $("#select1").chosen();
    $("#select2").chosen();
});

<link rel="stylesheet" href="http://harvesthq.github.io/chosen/chosen.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
  <script src="http://harvesthq.github.io/chosen/chosen.jquery.js" type="text/javascript"></script>
<div>
          <em>Multiple Select with Groups</em><br />
          <select id="select1" data-placeholder="Your Favorite Football Team" style="width:350px;" class="chosen-select" multiple tabindex="6">
            <option value="" />
            <optgroup label="NFC EAST">
              <option />Dallas Cowboys
              <option />New York Giants
              <option />Philadelphia Eagles
              <option />Washington Redskins
            </optgroup>
            <optgroup label="NFC NORTH">
              <option />Chicago Bears
              <option />Detroit Lions
              <option />Green Bay Packers
              <option />Minnesota Vikings
            </optgroup>
            <optgroup label="NFC SOUTH">
              <option />Atlanta Falcons
              <option />Carolina Panthers
              <option />New Orleans Saints
              <option />Tampa Bay Buccaneers
            </optgroup>
            <optgroup label="NFC WEST">
              <option />Arizona Cardinals
              <option />St. Louis Rams
              <option />San Francisco 49ers
              <option />Seattle Seahawks
            </optgroup>
            <optgroup label="AFC EAST">
              <option />Buffalo Bills
              <option />Miami Dolphins
              <option />New England Patriots
              <option />New York Jets
            </optgroup>
            <optgroup label="AFC NORTH">
              <option />Baltimore Ravens
              <option />Cincinnati Bengals
              <option />Cleveland Browns
              <option />Pittsburgh Steelers
            </optgroup>
            <optgroup label="AFC SOUTH">
              <option />Houston Texans
              <option />Indianapolis Colts
              <option />Jacksonville Jaguars
              <option />Tennessee Titans
            </optgroup>
            <optgroup label="AFC WEST">
              <option />Denver Broncos
              <option />Kansas City Chiefs
              <option />Oakland Raiders
              <option />San Diego Chargers
            </optgroup>
          </select>
        </div> 

 <div>
          <em>Multiple Select with Groups</em><br />
          <select id="select2" data-placeholder="Your Favorite Football Team" style="width:350px;" class="chosen-select" multiple tabindex="6">
            <option value="" />
            <optgroup label="NFC EAST">
              <option />Dallas Cowboys
              <option />New York Giants
              <option />Philadelphia Eagles
              <option />Washington Redskins
            </optgroup>
            <optgroup label="NFC NORTH">
              <option />Chicago Bears
              <option />Detroit Lions
              <option />Green Bay Packers
              <option />Minnesota Vikings
            </optgroup>
            <optgroup label="NFC SOUTH">
              <option />Atlanta Falcons
              <option />Carolina Panthers
              <option />New Orleans Saints
              <option />Tampa Bay Buccaneers
            </optgroup>
            <optgroup label="NFC WEST">
              <option />Arizona Cardinals
              <option />St. Louis Rams
              <option />San Francisco 49ers
              <option />Seattle Seahawks
            </optgroup>
            <optgroup label="AFC EAST">
              <option />Buffalo Bills
              <option />Miami Dolphins
              <option />New England Patriots
              <option />New York Jets
            </optgroup>
            <optgroup label="AFC NORTH">
              <option />Baltimore Ravens
              <option />Cincinnati Bengals
              <option />Cleveland Browns
              <option />Pittsburgh Steelers
            </optgroup>
            <optgroup label="AFC SOUTH">
              <option />Houston Texans
              <option />Indianapolis Colts
              <option />Jacksonville Jaguars
              <option />Tennessee Titans
            </optgroup>
            <optgroup label="AFC WEST">
              <option />Denver Broncos
              <option />Kansas City Chiefs
              <option />Oakland Raiders
              <option />San Diego Chargers
            </optgroup>
          </select>
        </div> 

Answer 2

你可以在选择标签上设置id。

在 HTML 中是这样的：

<select id="size1" data-placeholder="Your Favorite Football Team" style="width:350px;" class="chosen-select" multiple tabindex="6"></select>

<select id="size2" data-placeholder="Team 2" style="width:350px;" class="chosen-select" multiple tabindex="6"></select>

在 jquery 中你可以这样称呼这个 ID：

$(function(){
    $("#size1").chosen();
    $("#size2").chosen();
});