Jqueryトリガーをクリックして入力を入力します

Question

私はクリックするとdivを開くページ上でクリックイベントをトリガーする必要があるテーブル行があります。このdivが開かれたら、私は#poIdに与えられたidを入力する必要があります。

$('tr').click(function(){ 
      var id = $(this).attr('id'); 
      $('#purchase\\.exist').trigger('click'); 
      //What goes here?    
    }); 

クリックした結果のページには、次のとおりです。

<input type='text' id='poId' name='poId'> 

は基本的に私は、自動的にクリックでPOIDを埋めるために使用することができるかを知る必要があります。素人の用語

に

$('tr').click(function(){ 
     var id = $(this).attr('id'); 
     //Open page as a result of trigger 
     //paste the variable id in the poId input    
}); 

が追加フィドル：

このバイオリンは完全にストリップダウンされているが、アイデアは、言葉の質問にユーザーがクリックです。テーブルが2行表示されます。ユーザーがテーブルの行をクリックすると、購入部門が開き、クリックされたtrのIDで入力を入力する必要があります。

Fiddle

私はトリガーせずにこれを行うには、他の方法がある知っているが、DIVを開くと、実際に他のものの束（AJAX機能など）のdivが開かれる前に、これだけ簡単に購入を開くを伴いますDIV文句を言わない（私はあなたが求めているものだと思います）をクリックして、TRのIDの値とPOIDを移入するに

Answer 1

を働く：

$('tr').click(function(){ 
     $("#poId").val(this.id); 
     $('#purchase').trigger('click'); 
}); 

（私はその「#purchaseを想定しています\ .exist "はある種のタイプミスでした？）

Answer 2

$(function() { 
 
    $('.hide').hide(); 
 

 
    $('tr').click(function() { 
 
    var id = $(this).attr('id'); 
 
    $('#poId').val(id); 
 
    // the second argument is an array of parameters that will be passed to the function 
 
    $('#purchase').trigger('click', [id]); 
 
    }); 
 

 
    // the first argument of function `click` receives is the event, the next are the arguments passed from the trigger 
 
    $('li').click(function(e, id) { 
 
    var liID = $(this).attr('id'); 
 
    var div = $('#div_' + liID) 
 
    div.show(); 
 
    div.find('input').val(id) 
 

 
    }); 
 
});

li:hover { 
 
    cursor: pointer; 
 
} 
 
tr:hover { 
 
    cursor: pointer; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul> 
 
    <li id='purchase'>Purchase</li> 
 
    <li id='question'>Question</li> 
 
</ul> 
 

 
<div id='div_purchase' class='hide'> 
 
    <input type='text' id='poID' name='poID'> 
 
</div> 
 
<div id='div_question' class='hide'> 
 
    <table id='myTable'> 
 
    <tr id='12345'> 
 
     <th>12345</th> 
 
    </tr> 
 
    <tr id='45678'> 
 
     <th>45678</th> 
 
    </tr> 
 
    </table> 
 
</div>