Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: для новичков > Изменение текста в input с помощью select

Автор: Cript777 18.8.2013, 21:51

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

Автор: 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://ru.vingrad.com//object-id5211184a6ccc198258000002#findElement_E7045_521131d26ccc19c95a0004fc_0

Автор: Cript777 4.9.2013, 01:29

Цитата(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://ru.vingrad.com//object-id5211184a6ccc198258000002#findElement_E7045_521131d26ccc19c95a0004fc_0

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

Автор: _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>

Добавлено через 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

Цитата(_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, и т.п..