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

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>

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

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

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
Написано более трёх лет назад

Решения вопроса 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 ещё

Простой
Как лучше сверстать элемент?
- 1 подписчик
- 7 часов назад
- 50 просмотров
1

ответ
HTML

Простой
Какая альтернатива AVIFS поддерживается в iOS?
- 1 подписчик
- 20 дек.
- 32 просмотра
1

ответ
JavaScript

+2 ещё

Простой
Как исправить вёрстку, чтобы блок с изображением не уезжал из-за блока с описанием?
- 1 подписчик
- 19 дек.
- 104 просмотра
0

ответов
JavaScript

+1 ещё

Простой
Как загрузить img в первой очереди при загрузке страницы?
- 1 подписчик
- 19 дек.
- 94 просмотра
1

ответ
HTML

+1 ещё

Простой
Как с помощью регулярного выражения найти все теги?
- 1 подписчик
- 19 дек.
- 92 просмотра
2

ответа
HTML

+1 ещё

Простой
Можно ли задать стили внешнему тегу на основе вложенного?
- 1 подписчик
- 18 дек.
- 104 просмотра
1

ответ
JavaScript

+2 ещё

Простой
Как сделать универсальную HTML-ссылку на яндекс карты?
- 1 подписчик
- 17 дек.
- 251 просмотр
0

ответов
HTML

Простой
Как записать кол-во успешных прохождений капчи/пароля на js?
- 1 подписчик
- 17 дек.
- 84 просмотра
1

ответ
HTML

+1 ещё

Средний
Как создать такую вот кнопку как на изображении?
- 2 подписчика
- 17 дек.
- 268 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Как убрать экспоненциальную запись числа в input type=number?
- 1 подписчик
- 16 дек.
- 94 просмотра
1

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

Fullstack Developer под Wordpress

Future Search

от 90 000 до 150 000 ₽

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

CRM Bitrix24 разработчик

World Vision Clinic • Москва

от 170 000 ₽

Придумать альтернативный логотип к уже существующему

23 дек. 2024, в 07:27

1000 руб./за проект

3д сцены

23 дек. 2024, в 04:30

10000 руб./за проект

Разработать телеграм бота с реферальной системой, Юкассой и ChatGPT

23 дек. 2024, в 02:13

20000 руб./за проект

непонятно ничего. если надо что-то выбрать, то следует посмотреть на тег 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 комментариев

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

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

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

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