jquery update動的に追加されたドロップダウン

Question

私は、ドロップダウンオプションの選択時にいくつかの入力ボックスを更新するjquery関数を持っています。また、最初の選択と同じidを持つaddRow関数を使用して、必要なだけ多くの選択を動的に追加します。ただし、jquery関数は新しい選択に対してトリガされません。下の入力ボックスを更新するための私のjQueryのです：

​​

ものAddRow機能：

function addRow(tableID) 
{ 
     var table=document.getElementById(tableID); 
     var rowCount=table.rows.length; 
     var row=table.insertRow(rowCount); 
     var colCount=table.rows[0].cells.length; 

     for(var i = 0; i < colCount; i++) 
     { 
      var newcell = row.insertCell(i); 
      var oldId = table.rows[0].cells[i].childNodes[1].text; 
      newcell.innerHTML = table.rows[0].cells[i].innerHTML; 

      switch(newcell.childNodes[i]) 
      { 
       case"#text": 
        newcell.childNodes[i].value=""; 
        break; 
       case"#checkbox": 
        newcell.childNodes[i].checked=false; 
        break; 
       case"#select-one": 
        newcell.childNodes[i].selectedIndex=0; 
        break; 
      } 


     } 
    } 

そして、以下の私のHTMLコード：

<table id="recipes" class="table"> 
     <a href="#" onclick="addRow('recipes');" class="btn btn-default"> 
      <span class="glyphicon glyphicon-plus"></span> Add Another Recipe 
     </a> 
     <a href="#" onclick="deleteRow('recipes');" class="btn btn-danger"> 
      <span class="glyphicon glyphicon-trash"></span> 
     </a> 
     <tr> 
      <td> 
       <select name="menusName" id="menusName" required> 
        <option>Choose a Menu</option> 
        <?php if($menus != null){ 
         foreach($menus as $r){ ?> 
         <option><?php echo $r->menuName;?></option> 
        <?php }}?> 
       </select> 
      </td> 
      <td>Makes: <input readonly name="makes" id="makes" type="text" required/></td> 
      <td>Cake Type: <input readonly name="type" id="type" type="text" required/></td> 
      <td>Multiply Recipe by: <input name="mulRecipe" id="mulRecipe" type="text" required/></td> 
     </tr> 
    </table> 

Answer 1

$(document).ready()機能を使用してみてください：

$(document).ready(function() { 
    /* your code */ 
});