javascript - Jquery从下拉列表中动态选择一个项目不起作用

Question

我正在尝试从下拉菜单中动态选择一个项目，但它似乎不起作用，尽管我一直在利用人们在这个论坛上提到的方法。

这是我的 html:

<div>
    <div class="form-group">
      <label class="col-sm-4 control-label requiredLabel">TITLE</label>
      <div class="col-sm-5">
        <select name="selectedDialInSetting" id="selectedDialInSetting">
          <option value="SIP">SIP</option>
          <option value="SIPS">SIPS</option>
          <option value="H323">H323</option>
        </select>
      </div>
    </div>
    <div class="form-group">
      <div class="col-sm-5">
        <input type="text" class="form-control" name="sipOrH323DialIn" id="sipOrH323DialIn" value="{{sipOrH323DialIn}}">
      </div>
    </div>
  </div>

这是我尝试改变它的方法:

$("#selectedDialInSetting").val("H323").change();
$("#sipOrH323DialIn").val("hello) // this gets set correctly

编辑:现在尝试使用 $('#selectedDialInSetting option[value="H323"]').prop('selected', true);

如果有任何见解，我将不胜感激!

谢谢

Answer 1

试试这个:$('#selectedDialInSetting option[value="H323"]').prop('selected', true);

编辑:我们发现了问题，页面加载后 ID 被更改，因此 #selectedDialInSetting 没有正确定位。