主页 / 问题 / 741344
Accepted
Карен
Asked:2020-11-07 17:33:24 +0000 UTC2020-11-07 17:33:24 +0000 UTC

如何检查选项是否已选择 =“已选择”？

  • 772

大家好！有一个选择

<select name="type" id="input-type" class="form-control">
    <optgroup label="Выбор">
        <option value="select">Список</option>
        <option value="radio">Переключатель</option>
        <option value="checkbox" selected="selected">Флажок</option>
    </optgroup>
    <optgroup label="Поле ввода">
        <option value="text">Текст</option>
        <option value="textarea">Текстовая область</option>
    </optgroup>
    <optgroup label="Файл">
        <option value="file">Файл</option>
    </optgroup>
    <optgroup label="Дата">
        <option value="date">Дата</option>
        <option value="time">Время</option>
        <option value="datetime">Дата и время</option>
    </optgroup>
</select>

如何检查是否选中了选项复选框？即使在重新加载页面之后，检查也应该起作用，也就是说，不仅在事件期间，而且在重新加载页面之后，它也应该起作用。

javascript

3 个回答

  1. Best Answer

    $('#input-type option').each(function() {
  if ($(this).prop('selected') == true) {
    alert('this option is selected');
  }
});
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select name="type" id="input-type" class="form-control">
  <optgroup label="Выбор">
    <option value="select">Список</option>
    <option value="radio">Переключатель</option>
    <option value="checkbox">Флажок</option>
  </optgroup>
  <optgroup label="Поле ввода">
    <option value="text">Текст</option>
    <option value="textarea">Текстовая область</option>
  </optgroup>
  <optgroup label="Файл">
    <option value="file">Файл</option>
  </optgroup>
  <optgroup label="Дата">
    <option value="date">Дата</option>
    <option value="time">Время</option>
    <option value="datetime">Дата и время</option>
  </optgroup>
</select>

    • 1

  2. 这里没有jq

    const select = [].slice.call(document.getElementById('input-type'));
select.forEach(item => {
  if (item.selected) {
    alert('this option is selected');
  }
})
    <select name="type" id="input-type" class="form-control">
    <optgroup label="Выбор">
        <option value="select">Список</option>
        <option value="radio">Переключатель</option>
        <option value="checkbox" selected="selected">Флажок</option>
    </optgroup>
    <optgroup label="Поле ввода">
        <option value="text">Текст</option>
        <option value="textarea">Текстовая область</option>
    </optgroup>
    <optgroup label="Файл">
        <option value="file">Файл</option>
    </optgroup>
    <optgroup label="Дата">
        <option value="date">Дата</option>
        <option value="time">Время</option>
        <option value="datetime">Дата и время</option>
    </optgroup>
</select>

    • 0

  3. 我认为这样做更容易

    if ( document.getElementById('input-type') && document.getElementById('input-type').selectedIndex != -1 )
{
  alert( document.getElementById('input-type').selectedIndex );
  alert( document.getElementById('input-type')[ document.getElementById('input-type').selectedIndex ].value );
}
    <select name="type" id="input-type" class="form-control">
    <optgroup label="Выбор">
        <option value="select">Список</option>
        <option value="radio">Переключатель</option>
        <option value="checkbox" selected="selected">Флажок</option>
    </optgroup>
    <optgroup label="Поле ввода">
        <option value="text">Текст</option>
        <option value="textarea">Текстовая область</option>
    </optgroup>
    <optgroup label="Файл">
        <option value="file">Файл</option>
    </optgroup>
    <optgroup label="Дата">
        <option value="date">Дата</option>
        <option value="time">Время</option>
        <option value="datetime">Дата и время</option>
    </optgroup>
</select>

    • 0

相关问题