Question

我已经实现了comobox，但我的问题是我想为我的项目实现两个组合框，我想为它们分配不同的id，如<select data-placeholder="Your Favorite Football Team" style="width:350px;" class="chosen-select" multiple tabindex="6">。如何为此$(".chosen-select").chosen();分配ID，如果我将id分配给html中的select标签，我如何在jquery代码$(function(){ $(".chosen-select").chosen(); });

中执行此操作如果我将id添加到select标签，我应该更改jquery代码吗？

以下是我的代码

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

a = [0,0,0,1,1,1,0,0,1,0,0,0,1,1,0,0,0,0,0,0,1,1,0,1,1,1,0,0,0]

Answer 1

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

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

{{1}}

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();
});

如何为select标签分配id

2 个答案: