Question

我正在使用JavaScript将一些信息提取到列表中，但不确定如何定位下拉列表。

这就是我用来获取选中的单选按钮结果的原因：
RequestType: $("input[name=requestType]:checked").val(),

如何使用相同的格式来选择下拉菜单？
SessionType:

Answer 1

您不需要每次单击都调用该函数，通常只需一个更改事件的侦听器即可。如果您还想在其他时刻获取选择输入的值，则可以将所选值保存在变量中，或使用:selected-选项查询输入选择。

$('#rChoices').on('change', function(event) {
  let value = event.target.value;
  console.log(value);
});

$('#btnGetValue').on('click', function(event) {
  let value = $('#rChoices option:selected').val();
  console.log(value);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="form-group row rChoices">
  <label for="rChoices" class="col-form-label">Please choose a application below:</label>
  <select class="form-control" id="rChoices">
    <option class="" selected disabled>---------</option>
    <option value="onedrive" id="onedrive">OneDrive</option>
    <option value="teams" id="teams">Teams</option>
    <option value="outlook" id="outlook">Outlook</option>
    <option value="officesuite" id="officesuite">Office Suite</option>
    <option value="planner" id="planner">Planner</option>
    <option value="sharepoint" id="sharepoint">SharePoint</option>
    <option value="stream" id="stream">Stream</option>
    <option value="yammer" id="yammer">Yammer</option>
  </select>
  <div class="help-block with-errors"></div>
</div>

<button id="btnGetValue">Get Value</button>

Answer 2

这适用于我目前的情况：

SessionType: $('#rChoices :selected').text()

使用JavaScript获取下拉选择的名称

2 个答案: