Javascript 如何在HTML5代码上创建多重选择，更好地使用mobiscroll

我想使用mobiscroll创建一个包含2列的html多选择列表。 我用haml和js在rails上编写代码

haml的核心rails代码如下：

- grouped_options = [['week_1', [Mon, Tues, Wed, Thur, Fri, Sat, Sun]], ['week_2', [Mon, Tues, Wed, Thur, Fri, Sat, Sun], ['week_3', [Mon, Tues, Wed, Thur, Fri, Sat, Sun]]
- week_day = 'Fri'
=select_tag('weeks-weekday', grouped_options_for_select(grouped_options, week_day), :class=>'li_option')

$('#weeks-weekday').mobiscroll().select({
  theme: 'bootstrap',
  display: 'bottom',
  mode: 'scroller',
  group: true,
  maxWidth: [$(document).width()/2,$(document).width()/2]
});

<select id="weeks-weekday">
  <optgroup label="week_1">       
      <option value="Mon">Mon</option>
      <option value="Tues">Tues</option>
      <option value="Wed">Wed</option>
      <option value="Thur">Thur</option>
      <option value="Fri">Fri</option>
      <option value="Sat">Sat</option>
      <option value="Sun">Sun</option>
  </optgroup>
  <optgroup label="week_2">       
      <option value="Mon">Mon</option>
      <option value="Tues">Tues</option>
      <option value="Wed">Wed</option>
      <option value="Thur">Thur</option>
      <option value="Fri">Fri</option>
      <option value="Sat">Sat</option>
      <option value="Sun">Sun</option>
  </optgroup>
</select>

mobiscroll的js代码如下：

- grouped_options = [['week_1', [Mon, Tues, Wed, Thur, Fri, Sat, Sun]], ['week_2', [Mon, Tues, Wed, Thur, Fri, Sat, Sun], ['week_3', [Mon, Tues, Wed, Thur, Fri, Sat, Sun]]
- week_day = 'Fri'
=select_tag('weeks-weekday', grouped_options_for_select(grouped_options, week_day), :class=>'li_option')

$('#weeks-weekday').mobiscroll().select({
  theme: 'bootstrap',
  display: 'bottom',
  mode: 'scroller',
  group: true,
  maxWidth: [$(document).width()/2,$(document).width()/2]
});

<select id="weeks-weekday">
  <optgroup label="week_1">       
      <option value="Mon">Mon</option>
      <option value="Tues">Tues</option>
      <option value="Wed">Wed</option>
      <option value="Thur">Thur</option>
      <option value="Fri">Fri</option>
      <option value="Sat">Sat</option>
      <option value="Sun">Sun</option>
  </optgroup>
  <optgroup label="week_2">       
      <option value="Mon">Mon</option>
      <option value="Tues">Tues</option>
      <option value="Wed">Wed</option>
      <option value="Thur">Thur</option>
      <option value="Fri">Fri</option>
      <option value="Sat">Sat</option>
      <option value="Sun">Sun</option>
  </optgroup>
</select>

上面的html代码如下所示：

- grouped_options = [['week_1', [Mon, Tues, Wed, Thur, Fri, Sat, Sun]], ['week_2', [Mon, Tues, Wed, Thur, Fri, Sat, Sun], ['week_3', [Mon, Tues, Wed, Thur, Fri, Sat, Sun]]
- week_day = 'Fri'
=select_tag('weeks-weekday', grouped_options_for_select(grouped_options, week_day), :class=>'li_option')

$('#weeks-weekday').mobiscroll().select({
  theme: 'bootstrap',
  display: 'bottom',
  mode: 'scroller',
  group: true,
  maxWidth: [$(document).width()/2,$(document).width()/2]
});

<select id="weeks-weekday">
  <optgroup label="week_1">       
      <option value="Mon">Mon</option>
      <option value="Tues">Tues</option>
      <option value="Wed">Wed</option>
      <option value="Thur">Thur</option>
      <option value="Fri">Fri</option>
      <option value="Sat">Sat</option>
      <option value="Sun">Sun</option>
  </optgroup>
  <optgroup label="week_2">       
      <option value="Mon">Mon</option>
      <option value="Tues">Tues</option>
      <option value="Wed">Wed</option>
      <option value="Thur">Thur</option>
      <option value="Fri">Fri</option>
      <option value="Sat">Sat</option>
      <option value="Sun">Sun</option>
  </optgroup>
</select>

---

我很难把你的代码和你的问题联系起来，它们都在说两件不同的事情。week_数组和weekday_数组在哪里？他们怎么能有一个默认值呢？你到底想做什么？？？@User089247很抱歉，我的问题描述得不太清楚。我添加了html代码以使问题更清楚。week_数组和weekday_数组类似于常量。代码的第一部分由rails和haml编写。你可以认为工作日数组是[Mon-Tues..Sun]，而周数组是类似于[week_1，week_2]