Как принудительно выбрать элемент в окошке?

Question

Михаил @Srezyshka

HTML

Как принудительно выбрать элемент в окошке?

Из

В

Использую:

<head>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/js/standalone/selectize.min.js" integrity="sha256-+C0A5Ilqmu4QcSPxrlGpaZxJ04VjsRjKu+G82kl5UJk=" crossorigin="anonymous"></script>
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/css/selectize.bootstrap3.min.css" integrity="sha256-ze/OEYGcFbPRmvCnrSeKbRTtjG4vGLHXgOqsyLFTRjg=" crossorigin="anonymous" />
	</head>

Я новичок и мой вопрос может звучать непонятно. Буду благодарен за адекватное понимание и решение проблемы.
Спасибо.

Вопрос задан более трёх лет назад
162 просмотра

4 комментария

Подписаться 1 Простой 4 комментария

Froggyweb @Froggyweb

непонятно ничего. если надо что-то выбрать, то следует посмотреть на тег sekect

Написано более трёх лет назад
Михаил @Srezyshka Автор вопроса

Froggyweb, Нужно не просто выбрать. Надо принудительно выбрать значения, как будто я сам нажал на селектор.

Написано более трёх лет назад
Froggyweb @Froggyweb
<select> <option value="" selected disabled hidden>Choose here</option> <option value="1">One</option> </select>

+ js умеет выбирать любую опцию в зависимости от любых условий. надо то что?
Написано более трёх лет назад
Михаил @Srezyshka Автор вопроса
Froggyweb,
let sel = document.getElementById("DATA"); for (var i = 0; i < Heroes.length; i++) { var el = document.createElement("option"); el.value = `${i + 1}`; el.text = `[${i + 1}] ${Heroes[i]}`; sel.options.add(el); };

Вот так я создаю элементы выбора у списка.
Мне надо создать функцию, которая бы выбирала нужные данные автоматически, если её использовать. (Грубо говоря мне нужна имитация выбора).

Я пытался вот так, но у меня ничего не вышло
document.getElementById("DATA").value = 1
Написано более трёх лет назад

Помогут разобраться в теме Все курсы

Яндекс Практикум

Профессиональная вёрстка на HTML и CSS

3 месяца

Далее
Stepik

Основы HTML и CSS

2 недели

Далее
OTUS

HTML/CSS

3 месяца

Далее

Решения вопроса 1

Комментировать

Пригласить эксперта

Ответы на вопрос 1

9 комментариев

Froggyweb @Froggyweb

Это вроде не checkbox или radio

Написано более трёх лет назад
karmyskove @karmyskove

Froggyweb, ой не checked, а selected

Написано более трёх лет назад
karmyskove @karmyskove

Froggyweb, вот пример htmlbook.ru/html/option/selected

Написано более трёх лет назад
Михаил @Srezyshka Автор вопроса

karmyskove,

Мне нужно выполнить вот это действие не используя мышки. Используя только заранее написанную функцию. Как это сделать?

Написано более трёх лет назад
Олег @lolzqq
Михаил, чтобы это сделать - вам надо отрисовать такое меню не в виде конструкции

<select> <option></option> </select>

а в виде идентичных по виду и поведению блоков, например и уже на js их анимировать с помощью setTimeout() или setInterval().

Необходимо учесть, что браузер не разрешает вам управлять движениями мыши + нажатием клавиш клавиатуры. Поэтому на время анимации вам понадобится отрисовать кастомный блок в виде курсора + скрыть системный курсор конструкцией document.body.style.cursor = 'none';
Написано более трёх лет назад
Михаил @Srezyshka Автор вопроса

Олег, Меня никто не понимает. Я смущён))

Мне нужна функция. Аналогичная
document.getElementById("DATA").value = 1

Но для селектора. Чтобы после ввода её в ячейке автоматически выбирались нужные мне данные.

Написано более трёх лет назад
Олег @lolzqq

Михаил, js вам сделает только такоеsnippet если этого достаточно, то ваш код на jquery $(selector).attr('selected','');, на чистом js elem.setAttribute('selected', '')
Т.е. если вам не надо полностью симулировать работу мышью со стороны пользователя - то пожалуйста, а если надо - то рецепт выше.

Написано более трёх лет назад
Михаил @Srezyshka Автор вопроса

Олег, спасибо.

Написано более трёх лет назад
Олег @lolzqq

Михаил, пожалуйста, не забудьте отметить правильный ответ.

Написано более трёх лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

HTML

+1 ещё

Простой
Как в руководстве steam сделать обтекающий картинку текст?
- 1 подписчик
- 08 окт.
- 128 просмотров
1

ответ
HTML

+1 ещё

Средний
Скачал плагин image preview в вс коде, чтобы установить иконку сайта. Иконка появилась в браузере, но не появилась слева напротив строки. Почему так?
- 1 подписчик
- 30 сент.
- 148 просмотров
1

ответ
HTML

+1 ещё

Простой
От какой технической характеристики компьютера зависит скорость работы сайта, указанного ниже?
- 1 подписчик
- 24 сент.
- 454 просмотра
2

ответа
HTML

+1 ещё

Простой
Как убрать линии у бейджиков в Markdown?
- 1 подписчик
- 23 сент.
- 205 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как менять картинки у карточки в списке товаров?
- 4 подписчика
- 22 сент.
- 350 просмотров
1

ответ
HTML

+1 ещё

Средний
Как правильно сочетать теги article, section и заголовки h1-h6?
- 2 подписчика
- 21 сент.
- 241 просмотр
2

ответа
PHP

+1 ещё

Простой
Можно ли писать функции в текст?
- 1 подписчик
- 19 сент.
- 479 просмотров
2

ответа
JavaScript

+1 ещё

Простой
Как подключить библиотеку?
- 1 подписчик
- 13 сент.
- 627 просмотров
3

ответа
HTML

+4 ещё

Средний
Кривое отображение сайта на iOS-устройствах?
- 2 подписчика
- 13 сент.
- 421 просмотр
1

ответ
JavaScript

+1 ещё

Простой
Как отключить только некоторые input от отправки формы по нажатию enter?
- 1 подписчик
- 10 сент.
- 549 просмотров
1

ответ
Показать ещё Загружается…

Верстальщик / фронтендер для браузерного расширения

DevTeam.Space

от 1 000 до 2 000 $

Специалист технической поддержки (чат)

WebSoft

от 50 000 до 70 000 ₽

Web-разработчик

ЭНДИ Консалтинг

от 40 000 до 40 000 ₽

непонятно ничего. если надо что-то выбрать, то следует посмотреть на тег sekect
Froggyweb, Нужно не просто выбрать. Надо принудительно выбрать значения, как будто я сам нажал на селектор.
<select> <option value="" selected disabled hidden>Choose here</option> <option value="1">One</option> </select>

+ js умеет выбирать любую опцию в зависимости от любых условий. надо то что?
Froggyweb,
let sel = document.getElementById("DATA"); for (var i = 0; i < Heroes.length; i++) { var el = document.createElement("option"); el.value = `${i + 1}`; el.text = `[${i + 1}] ${Heroes[i]}`; sel.options.add(el); };

Вот так я создаю элементы выбора у списка.
Мне надо создать функцию, которая бы выбирала нужные данные автоматически, если её использовать. (Грубо говоря мне нужна имитация выбора).

Я пытался вот так, но у меня ничего не вышло
document.getElementById("DATA").value = 1

Answer 1 · 2021-08-07 22:34:54

Михаил, js вам сделает только такое если этого достаточно, то ваш код на jquery $(selector).attr('selected','');, на чистом js elem.setAttribute('selected', '')
Т.е. если вам не надо полностью симулировать работу мышью со стороны пользователя - то пожалуйста.

Answer 2 · 2021-08-07 20:35:18

karmyskove @karmyskove

Элементу списка добавь checked

Ответ написан более трёх лет назад

9 комментариев

Как принудительно выбрать элемент в окошке?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт