Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 14.09.2015, 05:41
Аватар для skawizer
Новичок на форуме
Отправить личное сообщение для skawizer Посмотреть профиль Найти все сообщения от skawizer
 
Регистрация: 14.09.2015
Сообщений: 6

Плотно объеденить input и option
День добрый формучане, я вообще не шарю в js, поэтому прошу помощи Заранее спасибо.

Есть: (именно multiple="multiple" - чтобы использовать как чекбоксы, выбирать много пунктов)
<select multiple="multiple" >
        <option value="феррари">феррари</option>
        <option value="ламборгини">лабмо</option>
        <option value="бмв">бумер</option>
        <option value="мерседес">мерин</option>
</select>


Надо:
Нажимаю на option и value идет в input. если зажимаю несколько value то они идут через запятую. Если отжимаю value, то естественно конкретный value стирается из нашего input поля.

Допустим:
Я нажал на ламбо, мерин
И в моем input поле вижу это:
<input value="ламбо, мерин">

Нажимаю еще на бумер и вижу:
<input value="ламбо, мерин, бумер">

ОТЖИМАЮ чекбокс мерин и вижу это:
<input value="ламбо, бумер">


Ребята, очень нужно, просто необходимо, помогите пожалуйста!

---
На вашем форуме видел:
<select id="chto" onchange="chtom.value=this.value;">
      <option  value="">выберите</option>
      <option id="bag" value="10">bag</option>
      <option id="t-shirt" value="20">t-shirt</option>
      <option id="shose" value="30">shose</option>
      <option id="shirt" value="40">shirt</option>
      <option id="pen" value="50">pen</option>
    </select>
    <input type="text" id="chtom">

Это близко, но нельзя выбрать несколько пунктов, и нельзя отжать чекбокс. Если нажал то все - останется.

Последний раз редактировалось skawizer, 14.09.2015 в 22:40.
Ответить с цитированием
  #2 (permalink)  
Старый 14.09.2015, 06:21
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

А зачем выбор в списке дублировать еще и в input?
Ответить с цитированием
  #3 (permalink)  
Старый 14.09.2015, 07:48
Аватар для ruslan_mart
Профессор
Отправить личное сообщение для ruslan_mart Посмотреть профиль Найти все сообщения от ruslan_mart
 
Регистрация: 30.04.2012
Сообщений: 3,018

http://jsfiddle.net/m762873u/
Ответить с цитированием
  #4 (permalink)  
Старый 14.09.2015, 12:34
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Ruslan_xDD,
зачем .join(', ') ?
Ответить с цитированием
  #5 (permalink)  
Старый 14.09.2015, 13:33
Аватар для ruslan_mart
Профессор
Отправить личное сообщение для ruslan_mart Посмотреть профиль Найти все сообщения от ruslan_mart
 
Регистрация: 30.04.2012
Сообщений: 3,018

рони, для пробела после запятой. Да и вообще для наглядности, вдруг автор захочет не через запятую перечислить.
Ответить с цитированием
  #6 (permalink)  
Старый 14.09.2015, 20:05
Аватар для skawizer
Новичок на форуме
Отправить личное сообщение для skawizer Посмотреть профиль Найти все сообщения от skawizer
 
Регистрация: 14.09.2015
Сообщений: 6

Просто лучший. Помог, огромное спасибо!
Ответить с цитированием
  #7 (permalink)  
Старый 14.09.2015, 22:23
Аватар для skawizer
Новичок на форуме
Отправить личное сообщение для skawizer Посмотреть профиль Найти все сообщения от skawizer
 
Регистрация: 14.09.2015
Сообщений: 6

Сообщение от Ruslan_xDD Посмотреть сообщение
рони, для пробела после запятой. Да и вообще для наглядности, вдруг автор захочет не через запятую перечислить.
Мне этот код очень подошел, но не подскажешь как выводить именно что написанно в value="" ? А не то что в option. Заранее спасибо!
Ответить с цитированием
  #8 (permalink)  
Старый 14.09.2015, 22:27
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Сообщение от skawizer
именно что написанно в value=""
долго думать над строкой
result.push(this.options[i].text);
Ответить с цитированием
  #9 (permalink)  
Старый 14.09.2015, 22:33
Аватар для skawizer
Новичок на форуме
Отправить личное сообщение для skawizer Посмотреть профиль Найти все сообщения от skawizer
 
Регистрация: 14.09.2015
Сообщений: 6

Сообщение от рони Посмотреть сообщение
долго думать над строкой
result.push(this.options[i].text);
О все, спасибо
Поменял на value, все работает.
Ответить с цитированием
  #10 (permalink)  
Старый 14.09.2015, 22:45
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

skawizer,
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Если option задать в input SLameN Элементы интерфейса 6 07.08.2015 13:56
Новый input при выборе определенного option SLameN Элементы интерфейса 4 03.07.2015 16:29
При добавлении DOCTYPE "плывут" размеры input type=text Demath (X)HTML/CSS 4 08.07.2012 19:27
Opera не выполняет style.fontSize=... в поле input Маэстро Opera, Safari и др. 6 20.06.2011 12:03
Разным элементам input - разное форматирование. Как? eclipse (X)HTML/CSS 1 25.10.2007 13:55