selectの値をdinamically作成時に入力にバインドする方法

Question

Js/Railsコードに問題があります。私はボタンをクリックすると（同じページにこのフォームを複数作成することができます）、動的に作成されたフォームを持っています。これは決して同じIDではない選択を含んでいます。選択値に応じて入力に値を入れる必要があります。最初の形式では完全に動作しますが、後で他の形式では動作しません。私が言ったように、それらはレールに作られているので、私はIDにアクセスできません。

HTML

<div class="test"> 
<div> 
    <div class="divSelect"> 
    <select id="1470190840697_ad_type"> 
    <option>Element1</option> 
    <option>Element2</option> 
    <option>Element3</option> 
    <option>Element4</option> 
    <option>Element5</option> 
    <option>Element6</option> 
    </select> 
</div> 
    <div class="divInput"> 
    <input type="text"> 
    </div> 
</div> 
<div> 

    //This is dynamically created 
    <div class="divSelect"> 
    <select id="1470190846932_ad_type"> 
     <option>Element1</option> 
     <option>Element2</option> 
     <option>Element3</option> 
     <option>Element4</option> 
     <option>Element5</option> 
     <option>Element6</option> 
    </select> 
    </div> 
    <div> 
    <input type="text"> 
    </div> 
</div> 

Javascriptを - jQueryの

$('.test').on('change',$('.divSelect').children('select'),function(){ 
    updateTime(); 
}); 

function updateTime() { 
    var tipoPauta = { 'Element1':1, 
        'Element2':2, 
        'Element3':3, 
        'Element4':4, 
        'Element5':5, 
        'Element6':6 
        } 

    var select = $('.divSelect').children('select'); 
    $('.divInput').children('input').val(tipoPauta[select.val()]); 
}; 

JSBIN CODE

ありがとうございました！私はこの問題に夢中です。

Answer 1

@adeneoは2番目の引数としてセレクタとして文字列を指定する必要があります。また、正しい入力要素を更新するために、あなたのコードは、上の `使用

$('.test').on('change', '.divSelect' ,function(){ 
    var $select = $(this).find('select'); 
    updateTime($(this), $select); 
}); 



function updateTime($divelement, $selectelement) { 
    var tipoPauta = { 'Element1':1, 
        'Element2':2, 
       'Element3':3, 
       'Element4':4, 
       'Element5':5, 
       'Element6':6 
       } 

    var $input = $divelement.next().children('input'); 

    $input.val(tipoPauta[$selectelement.val()]); 
};