Question

在加载时，如何使用选择插件选择第二个选项？

https://github.com/selectize/selectize.js

如下例所示，它必须选择2017年11月21日。

我可以使用值选择选项..但是，此值将是动态的，并且每天都会更改。

由于

HTML：

<select>
 <option value="20-Nov-2017">20-Nov-2017</option>
 <option value="21-Nov-2017">21-Nov-2017</option>
 <option value="22-Nov-2017">22-Nov-2017</option>
</select>

Answer 1

您可以根据索引选择第二个值

$('#selectBox :nth-child(2)').prop('selected', true);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="selectBox">
  <option value="0">Number 0</option>
  <option value="1">Number 1</option>
  <option value="2">Number 2</option>
  <option value="3">Number 3</option>
  <option value="4">Number 4</option>
  <option value="5">Number 5</option>
  <option value="6">Number 6</option>
  <option value="7">Number 7</option>
</select>

Answer 2

在版本1.6及更高版本中，建议使用prop（）方法：

$('.selDiv option:eq(1)').prop('selected', true)

旧版本：

$('.selDiv option:eq(1)').attr('selected', 'selected')

选择 - 加载时选择第二个选项

2 个答案: