没有提供任何值时,如何在下拉菜单中选择选项?

时间:2018-11-08 17:25:22

标签: javascript

我在这里有一个特定的问题。我正在尝试创建一个扩展,以帮助填充已经构建的Web应用程序中的某些字段。

其中一个部分是下拉菜单,我将在其中选择月份,但由于某种原因,我无法使它在我的一生中都能正常工作。这是它的HTML。

def __getitem__(self, slice_indices) -> 'MyList':
     return self.data[slice_indices]

我一直在尝试类似的东西

<select data-bind="options: $parent.monthOfYearOptions, optionsText: 'description', optionsCaption: ' ', value: rangeBeginMonthSelection, enable: holidayDateType() == 'dateRange'" class="small inline" title="" disabled="">
<option value=""> </option>
<option value="">January</option>
<option value="">February</option>
<option value="">March</option>
<option value="">April</option>
<option value="">May</option>
<option value="">June</option>
<option value="">July</option>
<option value="">August</option>
<option value="">September</option>
<option value="">October</option>
<option value="">November</option>
<option value="">December</option>
</select>

但是,毫无价值,它什么也不做。我也一直在尝试使其仅在列表中选择第n个选项,但是我对编码还是很陌生,所以我很努力。

有人有什么创意可以在其中编写脚本以选择我放置的脚本吗?

1 个答案:

答案 0 :(得分:0)

您可以过滤input中的所有select,找到{January}为textContent的{​​{1}},然后将selected的属性设置为该选项。

$('select option').filter(function(){
  return $(this).text() == "January";
}).prop('selected', 'selected');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<select data-bind="options: $parent.monthOfYearOptions, optionsText: 'description', optionsCaption: ' ', value: rangeBeginMonthSelection, enable: holidayDateType() == 'dateRange'" class="small inline" title="" disabled="">
<option value=""> </option>
<option value="">January</option>
<option value="">February</option>
<option value="">March</option>
<option value="">April</option>
<option value="">May</option>
<option value="">June</option>
<option value="">July</option>
<option value="">August</option>
<option value="">September</option>
<option value="">October</option>
<option value="">November</option>
<option value="">December</option>
</select>
<script>
$('select option').filter(function(){
  return $(this).text() == "January";
}).prop('selected', 'selected');
</script>