javascript - 选择选项元素 JavaScript 控制台

Question

我想从列表 JavaScript 中选择 100，我正在从控制台尝试此操作

<div class="dataTables_length" id="Table_6_length">
 <label>
     <select name="DataTables_Table" aria-controls="DataTables_Table_6" class="form-control input-sm">
              <option value="10">10</option>
              <option value="25">25</option>
              <option value="50">50</option>
              <option value="100">100</option>
        </select>
</label></div>

我是 JavaScript 新手，请帮助我

Answer 1

您可以像这样循环选择您的选项

let sel = document.getElementsByName('DataTables_Table')[0];

function getSelectedOption(sel) {
    var opt;
    for ( var i = 0, len = sel.options.length; i < len; i++ ) {
        opt = sel.options[i];
        if ( opt.value == 100 ) {
            break;
        }
    }
    return opt;
}

let opt100 = getSelectedOption(sel);
console.log(opt100)
console.log(opt100.value)

let sel = document.getElementsByName('DataTables_Table')[0];

function getSelectedOption(sel) {
    var opt;
    for ( var i = 0, len = sel.options.length; i < len; i++ ) {
        opt = sel.options[i];
        if ( opt.value == 100 ) {
            break;
        }
    }
    return opt;
}

let opt100 = getSelectedOption(sel);
console.log(opt100)
console.log(opt100.value)

<div class="dataTables_length" id="Table_6_length">
 <label>
     <select name="DataTables_Table" aria-controls="DataTables_Table_6" class="form-control input-sm">
              <option value="10">10</option>
              <option value="25">25</option>
              <option value="50">50</option>
              <option value="100">100</option>
        </select>
</label></div>