1

javascript を使用して、フォームのテキスト ボックスにテキストを動的に生成する方法を理解しようとしています。

私が作成したドロップダウンリストからイベントのタイプを選択し、その選択でイベント価格のフォームのテキストボックスに値を入力したいと考えています。

これまでのところ、これは私が持っているものですが、テキストボックスで生成される価値はありません。

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

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

        }



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

3 に答える 3

1

効率的なコードのため、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/

お役に立てれば ：）

于 2013-05-17T23:02:45.317 に答える