如何在数据绑定选择选项中使用 JavaScript 或 jQuery 设置选定选项答案

【问题标题】：How to set selected option by using JavaScript or jQuery in data-bind select option如何在数据绑定选择选项中使用 JavaScript 或 jQuery 设置选定选项
【发布时间】：2021-07-17 23:21:00
【问题描述】：

我在选择选项中绑定数据，

<select 
  id="TanentNamesDB"
  data-bind="
  value:SelectedOrganisationData,
  event: { change: ConnectSelectedOrganization } ,
  options: GridAllOrganisationDataList,
  optionsText:'TenantName',optionsCaption: 'Choose your organisation ...',
  optionsId:'SelectTenantName'
   "
   class="dropdown">
 </select>

看起来像这样，

以及，如何使用 javascript 或 jquery 更改选定的值，当我手动更改选项时，它会自动更新到数据库，

我尝试了不同的，不同的方式，例如，

<script type="text/javascript">
    var SelectOp = document.getElementById('TanentNamesDB');
    SelectOp.selectedOption(TanentNameSelected);

    $("#TanentNamesDB option[text='BD']").attr("selected", "selected");
    $("#TanentNamesDB").setSelectedOption("BD");
</script>

【问题讨论】：

标签： javascript jquery asp.net-mvc asp.net-core

【解决方案1】：

您可以定位一个包含一些文本并且是 id TanentNamesDB 子级的选项，如下所示：

$("#TanentNamesDB option:contains('BD')").prop("selected", true)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="TanentNamesDB">
  <option disabled>Choose your organisation...</option>
  <option>BDML</option>
  <option>BD</option>
  <option>hSenid Au Solutions</option>
</select>

【讨论】：