powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / JS показать первый span
15 сообщений из 40, страница 2 из 2
JS показать первый span
    #38800858
vbvvvv
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
в спешке пишу, может не мовсем понятно написал
я хочу вызвать selectHelp(ev,inp){
.......
document.getElementById(сюда передать содержание inp)
.......
}
...
Рейтинг: 0 / 0
JS показать первый span
    #38800891
carrotik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
vbvvvv,

.. target.id ?
...
Рейтинг: 0 / 0
JS показать первый span
    #38800900
vbvvvv
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
carrotik,
не подойдет, т.к. input с выпадащим списком не связан
...
Рейтинг: 0 / 0
JS показать первый span
    #38800910
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
vbvvvv,

this
...
Рейтинг: 0 / 0
JS показать первый span
    #38800915
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Введение в браузерные события - Доступ к элементу, this

Если ещё вопросы возникнут, то почитайте другие разделы учебника.
...
Рейтинг: 0 / 0
JS показать первый span
    #38800917
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Ну и получается, что Вы не читали главу про Делегирование событий. Печально.
...
Рейтинг: 0 / 0
JS показать первый span
    #38800928
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Ну и пример:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
<!DOCTYPE HTML>
<html>
<head></head>
<body>
  <input onclick="onInputClick(this,event)" value="Тверская область"/>
  <script>
    function onInputClick(sender, e) {
      alert(sender.value); // Тверская область
    }
  </script>
</body>
</html>
...
Рейтинг: 0 / 0
JS показать первый span
    #38800930
vbvvvv
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
skyANA,
про делегирование я прочитал и я знаю что это, Спасибо
просто для начала хочу сделать рабочий код, а дальше рефакторинг
...
Рейтинг: 0 / 0
JS показать первый span
    #38800938
vbvvvv
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
this не подойдет
мы выбираем из появившегося списка значение (аналог ui autocomplete) по ENTER , либо кликаем мышкой и this вернет ссылку именно на этот список, а мне нужно значение записать в один из пяти imput.
"корявые способы знаю", но как минимально и "красиво" это написать не понятно
...
Рейтинг: 0 / 0
JS показать первый span
    #38800993
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Тогда не спешите пожалуйста, а чётко сформулируйте то, чего хотите, и пример нормальный приводите.
vbvvvvу меня куча input, для каждого событие onclick='selectHelp(event,obl)'vbvvvvв спешке пишу, может не мовсем понятно написал
я хочу вызвать selectHelp(ev,inp){
.......
document.getElementById(сюда передать содержание inp)
.......
}И вот при чём тут "мы выбираем из появившегося списка значение"?
...
Рейтинг: 0 / 0
JS показать первый span
    #38801010
vbvvvv
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
skyANA,
вот Пример Fiddle
...
Рейтинг: 0 / 0
JS показать первый span
    #38801013
Фотография Konst_One
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
vbvvvvskyANA,
вот Пример Fiddle

...ul id=' select_lis t'...

id не уникальный
...
Рейтинг: 0 / 0
JS показать первый span
    #38801053
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
vbvvvvно в JS для каждого id резервируется переменная в window походу, поэтому мне выдает в переменной id содержание инпута, а я хочу в функцию передать текст вида 'obl' и подставить его в document.getElementById(сюда подставить переменную).value
но не получается
Как вариант...

Код: html
1.
onkeyup='createHelpList(this.id,event,rn)'
...
Рейтинг: 0 / 0
JS показать первый span
    #38801059
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
vbvvvv,
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
<!DOCTYPE HTML>
<html>  
<head>
  <style>
    ul { list-style: none; padding: 0; }    
    li { cursor: pointer; }
  </style>
</head>  
<body>
  <input id="selectedRegion" />
  <ul data-targetId="selectedRegion" onclick="onListClick(this,event)">
    <li>Амурская область</li><!-- <li>Архангельская область</li> -->
    <li>Астраханская область</li><!-- <li>Белгородская область</li> -->
    <li>Брянская область</li><!-- <li>Владимирская область</li> -->
    <li>Волгоградская область</li><!-- <li>Вологодская область</li> -->
    <li>Воронежская область</li><!-- <li>Ивановская область</li> -->
    <li>Иркутская область</li><!-- <li>Калиниградская область</li> -->
    <li>Калужская область</li><!-- <li>Камчатская область</li> -->
    <li>Кемеровская область</li><!-- <li>Кировская область</li> -->
    <li>Костромская область</li><!-- <li>Курганская область</li> -->
    <li>Курская область</li><!-- <li>Ленинградская область</li> -->
    <li>Липецкая область</li><!-- <li>Магаданская область</li> -->
    <li>Московская область</li><!-- <li>Мурманская область</li> -->
    <li>Нижегородская область</li><!-- <li>Новгородская область</li> -->
    <li>Новосибирская область</li><!-- <li>Омская область</li> -->
    <li>Оренбургская область</li><!-- <li>Орловская область</li> -->
    <li>Пензенская область</li><!-- <li>Пермская область</li> -->
    <li>Псковская область</li><!-- <li>Ростовская область</li> -->
    <li>Рязанская область</li><!-- <li>Самарская область</li> -->
    <li>Саратовская область</li><!-- <li>Сахалинская область</li> -->
    <li>Свердловская область</li><!-- <li>Смоленская область</li> -->
    <li>Тамбовская область</li><!-- <li>Тверская область</li> -->
    <li>Томская область</li><!-- <li>Тульская область</li> -->
    <li>Тюменская область</li><!-- <li>Ульяновская область</li> -->
    <li>Челябинская область</li><!-- <li>Читинская область</li> -->
    <li>Ярославская область</li>
  </ul>
  <script>
    function onListClick(sender, e) {
      var event = e || window.event,
          target = event.target || event.srcElement,
          targetInputId = sender.getAttribute('data-targetid');
      
      switch (target.tagName) {
        case 'LI':
          document.getElementById(targetInputId).value = target.innerHTML;
          break;
      }
    }
  </script>
</body>
</html>

Идея понятна?

При создании списка укажите с каким input он связан через атрибут data-targetId.

Техника называется data-* attributes . Поддерживается в различных библиотеках. Погуглите.
...
Рейтинг: 0 / 0
JS показать первый span
    #38801203
vbvvvv
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
skyANA,
Спасибо, идея понятна
думаю с этим разберусь
...
Рейтинг: 0 / 0
15 сообщений из 40, страница 2 из 2
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / JS показать первый span
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]