PHPとJavaScriptを使用して英数字の値を関数内でパラメータとして渡すとき

Question

PHPとJavascriptを使用して関数内で英数字の値を渡しているときにエラーが発生します。

エラー：

category.php:235 Uncaught SyntaxError: missing) after argument list 

私は以下の私のコードを説明しています。ここで

<?php 
    foreach ($listdata as $v) { 
     $id = '15rf67'; 
     $edit = 1; 
     $del = 0; 
     echo "<tr> 
      <td>" . $counter++ . "</td> 
      <td>" . $v['cat_title'] . "</td> 
      <td> 
       <select class='form-control' id='status1' name='status1' style='height:23px; padding:0px;'> 
        <option value=''>Select Status</option> 
        <option value='1' " . ($v['status'] == '1' ? 'selected' : '') . ">Enable</option> 
        <option value='0' " . ($v['status'] == '0' ? 'selected' : '') . ">Disable</option> 
       </select> 
      </td> 
      <td> 
       <img src='uploads/" . $v['image'] . "' name='pro' border='0' style='width:50px; height:50px; border:#808080 1px solid;' /> 
      </td> 
      <td> 
       " . $v['cat_description'] . " 
      </td> 
      <td> 
       <button type='button' class='btn btn-xs btn-green outlinedivnone' data-placement='top' title='' data-original-title='Edit' onClick='javascript:changeOfActionMenu($id,$edit)'><i class='fa fa-pencil'></i> </button> 
       <button type='button' class='btn btn-xs btn-danger outlinedivnone' data-placement='top' title='' data-original-title='Delete' onClick='javascript:changeOfActionMenu($id,$del)'><i class='fa fa-times'></i> </button> 
      </td> 
     </tr>"; 
    } 
?> 

私はこのエラーが来ていませんが、私は私を助けしなさい15rf67のような英数字の値を渡す必要が1,2..のように$のid値を設定しています。この<button type='button' class='btn btn-xs btn-green outlinedivnone' data-placement='top' title='' data-original-title='Edit' onClick='javascript:changeOfActionMenu($id,$edit)'><i class='fa fa-pencil'></i> </button> line.whenでエラーを取得しています。あなたの$id variabileが文字列である場合は、$ IDの周りの引用を配置する必要があり

Answer 1

は、その

<button type='button' class='btn btn-xs btn-green outlinedivnone' data-placement='top' title='' data-original-title='Edit' onClick='javascript:changeOfActionMenu(\"".$id."\",$edit)'><i class='fa fa-pencil'></i> </button> 

<button type='button' class='btn btn-xs btn-danger outlinedivnone' data-placement='top' title='' data-original-title='Delete' onClick='javascript:changeOfActionMenu(\"".$id."\",$del)'><i class='fa fa-times'></i> </button> 

Answer 2

<button type='button' class='btn btn-xs btn-green outlinedivnone' data-placement='top' title='' data-original-title='Edit' onClick='javascript:changeOfActionMenu($id,$edit)'><i class='fa fa-pencil'></i> </button> 
<button type='button' class='btn btn-xs btn-danger outlinedivnone' data-placement='top' title='' data-original-title='Delete' onClick='javascript:changeOfActionMenu($id,$del)'><i class='fa fa-times'></i> </button> 

のようなものが

<button type='button' class='btn btn-xs btn-green outlinedivnone' data-placement='top' title='' data-original-title='Edit' onClick='javascript:changeOfActionMenu(\"$id\",$edit)'><i class='fa fa-pencil'></i> </button> 
<button type='button' class='btn btn-xs btn-danger outlinedivnone' data-placement='top' title='' data-original-title='Delete' onClick='javascript:changeOfActionMenu(\"$id\",$del)'><i class='fa fa-times'></i> </button> 

Answer 3

する必要があり、あなたはとしてそれを処理する必要がJavascriptの文字列も。

onClick='javascript:changeOfActionMenu(\"$id\",$edit)' 

Answer 4

私はあなたがボタンの機能のためのパラメータの引用符を見逃したと思います。アルファ値または英数字の値を引用することは重要です。私は正しい引用符であなたのコードを書いています。

<?php 
    foreach ($listdata as $v) { 
     $id = '15rf67'; 
     $edit = 1; 
     $del = 0; 
     echo "<tr> 
      <td>" . $counter++ . "</td> 
      <td>" . $v['cat_title'] . "</td> 
      <td> 
       <select class='form-control' id='status1' name='status1' style='height:23px; padding:0px;'> 
        <option value=''>Select Status</option> 
        <option value='1' " . ($v['status'] == '1' ? 'selected' : '') . ">Enable</option> 
        <option value='0' " . ($v['status'] == '0' ? 'selected' : '') . ">Disable</option> 
       </select> 
      </td> 
      <td> 
       <img src='uploads/" . $v['image'] . "' name='pro' border='0' style='width:50px; height:50px; border:#808080 1px solid;' /> 
      </td> 
      <td> 
       " . $v['cat_description'] . " 
      </td> 
      <td> 
       <button type='button' class='btn btn-xs btn-green outlinedivnone' data-placement='top' title='' data-original-title='Edit' onClick='javascript:changeOfActionMenu(\"$id\",$edit)'><i class='fa fa-pencil'></i> </button> 
       <button type='button' class='btn btn-xs btn-danger outlinedivnone' data-placement='top' title='' data-original-title='Delete' onClick='javascript:changeOfActionMenu(\"$id\",$del)'><i class='fa fa-times'></i> </button> 
      </td> 
     </tr>"; 
    } 

Answer 5

親切にあなただけの引用符が必要なことを知らせるすべての答えを無視する - すべての後に、1日あなたはIDがアポストロフィを含めるべきかを決める場合は？すべてが壊れます！

代わりに、ここでは別の方法です：

<button type='button' class='btn btn-xs btn-danger outlinedivnone' 
    data-placement='top' title='' data-original-title='Delete' 
    data-id='".htmlspecialchars($id)."' 
    data-action='".htmlspecialchars($del)."' 
    onclick='changeOfActionMenu(this)' 
><i class='fa fa-times'></i> </button> 

あなたchangeOfActionMenu機能は、このように調整することができます。

function changeOfActionMenu(btn) { 
    var id = btn.getAttribute("data-id"), 
     action = btn.getAttribute("data-action"); 
    // do stuff 
} 

これは、より柔軟であり、他のものの間で、あなたが委任できるようになりますが、あなたのイベントハンドラとインラインハンドラの使用を中止する - 両方の作業をする必要があります）

Answer 6

onClick='javascript:changeOfActionMenu($id,$edit)'は、$ idが英数字（文字列）であるため、onClick='javascript:changeOfActionMenu(\"$id\",$edit)' である必要があります。javacript関数の文字列paramには、""を追加する必要があります。