VPF::Изменение текста в input с помощью select

Cript777

Дата 18.8.2013, 21:51 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 82
Регистрация: 30.10.2012

Репутация: нет
Всего: нет

Приветствую!
Кто подскажет функцию, которая при изменении опции в selecte изменит значение в <input type="text" id="in" name="in" value="$изменяемое_значение"> ?

Это сообщение отредактировал(а) Cript777 - 18.8.2013, 21:52

Nett

Дата 18.8.2013, 23:42 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 12
Регистрация: 20.5.2008

Репутация: нет
Всего: 1

При помощи jQuery это легко решается.

Код


<select>
    <option value="One">One</option>
    <option value="Two">Two</option>
</select>
<input type="text" id="in" name="in" value="" />

Код


$(function(){
    $('body').on('change', '#sourceSelect', function() {
        $('#in').val($(this).val());
    });
});

Этот ответ добавлен с нового Винграда - http://vingrad.com

Cript777

Дата 4.9.2013, 01:29 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 82
Регистрация: 30.10.2012

Репутация: нет
Всего: нет

Цитата(Nett @ 18.8.2013, 23:42)

При помощи jQuery это легко решается.

Код


<select>
    <option value="One">One</option>
    <option value="Two">Two</option>
</select>
<input type="text" id="in" name="in" value="" />

Код


$(function(){
    $('body').on('change', '#sourceSelect', function() {
        $('#in').val($(this).val());
    });
});

Этот ответ добавлен с нового Винграда - http://vingrad.com

А если, например, value у опций имеет буквенное значение , а нужно, чтобы выводилось число, соответствующее этому значению.. ?

_zorn_

Дата 4.9.2013, 07:08 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1076
Регистрация: 21.8.2007

Репутация: 1
Всего: 12

Цитата(Nett @ 19.8.2013, 07:42)

При помощи jQuery это легко решается.

Ну зачем постоянно заставлять пользоваться этими вашими фреймворками ?
От них тупееют. И замучаешься код переносить если вдруг две версии одного фреймворка придется скрестить.

Элементарно же

Код


<select onchange="document.getElementById('in').value=this.value">
<option value="1">one</option>
<option value="2">two</option>
</select>

Добавлено через 10 минут и 35 секунд
Для вставки внутренности option

Код


<select onchange="document.getElementById('in').value=this.options[this.selectedIndex].innerHTML">
<option value="1">one</option>
<option value="2">two</option>
</select>

Cript777

Дата 4.9.2013, 16:16 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 82
Регистрация: 30.10.2012

Репутация: нет
Всего: нет

Цитата(_zorn_ @ 4.9.2013, 07:08)

Цитата(Nett @ 19.8.2013, 07:42)

При помощи jQuery это легко решается.

Код


<select onchange="document.getElementById('in').value=this.value">
<option value="1">one</option>
<option value="2">two</option>
</select>

Добавлено @ 07:19
Для вставки внутренности option

Код


<select onchange="document.getElementById('in').value=this.options[this.selectedIndex].innerHTML">
<option value="1">one</option>
<option value="2">two</option>
</select>

Тоже замечательный вариант, однако хотелось бы узнать вот что: имеется
<option value="opt1">доллары</option>
<option value="opt2">евро</option>
нужно, чтобы при выборе, доллары , показывалось число, например 33, и т.п..

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »