Javascript, производящее значение в текстовом поле формы при выборе

Question

Попытка выяснить, как я могу генерировать текст динамически в текстовом поле формы с использованием javascript.

Я хочу выбрать тип события из раскрывающегося списка, который я создал, и по этому выбору ввести значение в текстовое поле формы для eventprice.

До сих пор это то, что у меня есть, но у меня нет никакой ценности в текстовом поле.

function totalprice(){ 
     if($('#type').val() == '3'){ 

     $('#eventprice') == ("45"); 
     } 

     } 



<input type="text" disabled="" id="eventprice" onChange="totalprice();" name="eventprice" class="form-input" /> 

Answer 1

Если вы не возражаете, используя JQuery, это будет ветер: вам просто нужно добавить данные атрибутов цена на каждый вариант. Что это делает эта функция:

1. Сравнивает значение всех параметров со значением, которое в настоящее время отображается в поле выбора при изменении значения.
2. Если значения одинаковы, копирует атрибут данных на другой вход.

Работа демо: http://jsbin.com/acuyux/6/edit

HTML-

<select id="type"> 
    <option data-price="25">Party</option> 
    <option data-price="35">Meeting</option> 
    <option data-price="45">Lounge</option> 
    </select> 
<input type="text" id="eventprice" name="eventprice" disabled="" class="form-input" /> 

JS

$('#type').change(function totalprice(){ 
    $('option').each(function() { 
    if($(this).val() === $('#type').val()) { 
     $('#eventprice').val($(this).data('price')); 
    } 
    }); 
}); 

Answer 2

Изменение 3-й/4-ю строку вашего кода, чтобы быть $('#eventprice').val("45"); как предложено, за исключением того, что предложение имело синтаксическую ошибку.

Answer 3

Я бы рекомендовал использовать jQuery из-за его эффективного кода.

HTML:

<input type="text" disabled id="eventprice" /> 
    <select id="select"> 
    <option data-cost="5">Event 1</option> 
    <option data-cost="10">Event 2</option> 
    </select> 

JQuery:

$('#select').change(function() { 
     var str = $(this).find('option:selected').data('cost'); 
     $('#eventprice').val(str); 
    }); 

    // This code can be used to run it on load 
    // $('#select').trigger('change'); 

Код в действии:
http://jsfiddle.net/LkaWn/

Надеется, что это помогает :)