javascript - 如何在单击按钮时触发选择选项？

Question

我想要一些 JavaScript，它可以在有人使用下面的代码点击按钮时触发/打开选择选项

<div class="period" title="Choose a number of nights">
<span class="label">Nights</span>
<span class="input">
<select rel="period" value="4">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select></span></div>

使用下面的按钮代码

<td class="total">
<a class="im-pricebutton has-hover" href="javascript://;" value="A 2 night booking condition applies to this period">
<span class="book im-pricebutton-label">Min 2 nights</span>
<span class="number im-pricebutton-amount">$0</span>
</a></td>

截至目前，我已将“最短夜间选择”设置为 3、5 和 10，这在产品上非常重要，因此当有人没有通过此夜间功能时，它会显示上面的代码以选择最短夜间但如何通过一些单击按钮时可以自动打开下拉菜单的自定义 JavaScript。

Answer 1

我已经找到了如何使用以下代码切换值的方法。因此，当有人点击按钮时，它会获取最小的夜间值(value)，在本例中为 2。因此，它是动态提供值(value)的。

$('.period select').val(2).trigger('change');

感谢您的建议和帮助。