Как выбрать первую опцию в select поле?

Тема в разделе "JavaScript", создана пользователем Alexeina66, 20 дек 2020.

  1. Alexeina66

    Alexeina66

    Регистр.:
    26 авг 2013
    Сообщения:
    398
    Симпатии:
    401
    Добрый день!

    Есть select поле, которое выводит пустое первое поле по умолчанию.

    Код:
    <option value="" disabled="disabled" selected="selected"></option>
    [​IMG]

    Как убрать пустое поле и вывести первую опцию по умолчанию в js?

    [​IMG]
    JS

    Код:
     function n(t, r) {
                        var o;
                        ! function(t, e) {
                            if (!(t instanceof n)) throw new TypeError("Cannot call a class as a function")
                        }(this), (o = e.call(this, t, r, g.a)).settings.options && o.settings.options.unshift(o.settings.placeholder || ""), o.render(), o.select = o.view.element.querySelector("select");
                        var i = o.select.querySelector("option:first-child");
                        return i && (i.setAttribute("disabled", "disabled"), i.setAttribute("selected", "selected")), o.settings.value ? o.setSelected(o.settings.value) : (o.select.classList.add("".concat(o.prefix, "-element-pristine")), o.select.addEventListener("change", function() {
                            o.select.classList.remove("".concat(o.prefix, "-element-pristine"))
                        })), o
                    }
                    return function(t, e, n) {
                        e && v(t.prototype, e)
                    }(n, [{
                        key: "getValue",
                        value: function() {
                            var t = this.select.value;
                            return t !== this.settings.placeholder && "" !== t || (t = null), t
                        }
                    }]), n
                }()
            }, function(t, e) {
                t.exports = function(t) {
                    for (var e = '<div class="eapps-form-element-input-dropdown-wrapper">\n    <select class="eapps-form-element eapps-form-element-input-dropdown">\n        ', n = 0; n < t.options.length; n++) e += '\n            <option value="' + t.options[n] + '">' + t.options[n] + "</option>\n        ";
                    return e + "\n    </select>\n</div>\n"
                }
            }
     
  2. borodatych

    borodatych

    Регистр.:
    24 июн 2016
    Сообщения:
    159
    Симпатии:
    98
    Добрый
    Если у вас не родной select, а с какого-нибудь фреймворка, нужно гуглить как там это делается
    К примеру, bootstrap select set value - $('.selectpicker').selectpicker('val', 1);
     
  3. habenome

    habenome Создатель

    Регистр.:
    23 сен 2019
    Сообщения:
    12
    Симпатии:
    12
    $('select option').eq(0).remove();

    $('select option').eq(0).attr('selected', true);
    $('select option').eq(0).prop('selected', true);
    $('select').val(somevalue).change();
     
    Alexeina66 нравится это.
  4. Freemanf

    Freemanf Писатель

    Регистр.:
    11 авг 2020
    Сообщения:
    1
    Симпатии:
    0
    $('select option').attr('selected').remove(); удалит выбранную опцию и по умолчанию в том числе.
    Либо как вариант указанный выше
    $('select option').eq(0).remove();
    и не забудьте сделать активным другую опцию, иначе получете тот же пустой селект.