Выберите опцию элемента Консоль JavaScript - PullRequest
Новая
       19

Выберите опцию элемента Консоль JavaScript

0 голосов
/ 08 мая 2019

Я хочу выбрать 100 из списка JavaScript, я пытаюсь это из консоли 

<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 Пожалуйста, помогите мне

Ответы [ 3 ]

1 голос
/ 08 мая 2019

Вы можете зациклить параметры для вашего варианта, как это 

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>
0 голосов
/ 08 мая 2019

Вы можете просто использовать .value свойство для dropdown element

function selectOption(val) {

  document.getElementById('dataTable').value = val;

}
<select name="DataTables_Table" id='dataTable' 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>
    
    <button onclick='selectOption("100")'>select 100</button>
    <button onclick='selectOption("50")'>select 50</button>
    <button onclick='selectOption("25")'>select 25</button>
0 голосов
/ 08 мая 2019

Дайте идентификатор для select Тогда это так же просто, как document.getElementById('selecter').value=100;

см. Это.

...