Question

我很难从文档中找到答案。

.form-group                                                                                 
  label.col-md-3.control-label(for='industry') Industry                                     
  .col-md-9                                                                                 
    select#industries.form-control                                                          
           option(value='Please Select') Please Select                                           
           option(value='A') A                                              
           option(value='C') C                                            
           option(value='D') D                                          
           option(value='S') S                                                   
           option(value='E') E

如果有一个更简单的JavaScript解决方案，我也欢迎。

Answer 1

假设您使用了我的选择＆＃39;作为选择的ID，你可以做

$('#my-select').val();

否则使用JavaScript：

document.querySelector('#my-select').value;

考虑到你上面写的选择器，这应该是你的选择器（但我需要看到HTML确定）：

$('.form-group label.col-md-3.control-label[for="industry"] .col-md-9  select#industries.form-control')

虽然这也应该没问题：

$('select#industries')

Answer 2

您无需担心获取所选的option。只需获取select：

的值即可

$( "select" ).change(function () {
    // Just use the val() method on the select to get its current value
    $( "#output" ).text( $(this).val() );
}).change();

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<p>Click your selection: </p>
<select multiple="multiple">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
</select>
<div>You selected: <span id="output"></span></div>

Answer 3

如果有人正在寻找javascript解决方案，可以这样做：
1.选择下拉元素
2.从选项集合中提取值

＆＃13;

function test() {
  var elem = document.getElementById('industries');
  var val = elem.options[elem.selectedIndex].value;
  console.log('Value=' + val);
}

＆＃13;

<select id="industries">
        <option value='Please Select'>Please Select</option>  
        <option value='A'>A</option>  
        <option value='B'>B</option>                                 </select>   

<button class="btn btn-success" id="buttonCode" type="button" onclick="test()">test</button>

＆＃13;

Answer 4

在JQuery中使用$('#industries').val();

Answer 5

$( "select" ).change(function () {
    // Previous answer: technically incorrect logic
    // var str = $( "select option:selected" ).text();
    // $( "div" ).text( str );

    $( "div" ).text( $(this).val() );
});

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<select multiple="multiple">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
</select>
<div></div>

Reference

如何使用jQuery选择所选选项的值？

5 个答案: