如何在数据绑定 select 选项中使用 JavaScript 或 jQuery 设置所选选项

Question

我在 select 选项中绑定数据，

<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>

Answer 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>