未知の参照エラーとJSの機能

Question

私はこれをしばらく見てきましたが、私はそれに対して適切な解決策を見つけることができません。

  <li style="float: right;">Themes 
      <ul> 
      <?php 
       $db=mysql_connect('localhost','root',''); 
       if(!$db) { 
        die('Could not connect: '.mysql_error()); 
       } 
       $connection_string=mysql_select_db('somedb',$db); 
       $selectSQL='SELECT * FROM color_patterns';  
       $queryset=mysql_query($selectSQL); 
       $num=mysql_num_rows($queryset); 
       if(0==$num) { 
        echo "No record"; 
        exit; 
       } else { 
        while($row=mysql_fetch_assoc($queryset)) {?> 
        <li onclick="liPosition()"> 
         <?php echo($row['name']);?></li><?php 
        } 
       } 
      ?> 

      </ul> 
     </li> 

これは、ドロップダウンリストが含まれているリスト項目がある：ここでは

は、私のコードの一部です。ドロップダウンリストを作成するために私は自分のデータベースを呼び出し、テーブルの各行に対して、li要素をドロップダウンに追加します。私はクリックしたリのインデックスを取得するJS関数を作ったので、ユーザーがクリックするリに基づいてより多くの情報を取得したい（liインデックスは取得したい別のテーブルのIDに対応する以下からの情報）： キャッチされないにReferenceError：

 <script> 

     function liPosition() { 
      var index = $(this).parent().children().index(this); 
      alert("You clicked item " + index); 
     }); 

     </script> 

Iは、Liをクリックすると、私はエラーを取得するliPositionは、私がここにonclickのリスナーを渡すことができないことがわかったいくつかの研究の後に定義されていませんが、私は知りませんそうでなければwhileループでliのインデックスを見つける方法。 whileループで生成されたリスト内のli要素のインデックスを見つける方法はありますか？どんな助けでも大歓迎です、ありがとう。

Answer 1

の末尾に余分な)の小さなタイプミスがあり、インラインJavaScriptを削除し、フルjQueryのを行かない理由？

PHP - クラスを使用して、クリックされたアイテムを識別します。

while($row=mysql_fetch_assoc($queryset)) {?> 
    <li class="list_item"> 
    <?php echo($row['name']);?></li><?php 
} 

jQuery - セレクタはリストアイテムのクラスです。また

<script> 

$(document).on('click', '.list_item', function() { 
    var index = $(this).id; 
    alert("You clicked item " + index); 
}); 

</script> 

---

：くださいstop using mysql_* functions。 These extensionsがPHP 7で削除されました。PDOとMySQLiのpreparedの文について学び、PDOの使用を検討してください。it's really pretty easy

Answer 2

thisの参照をパラメータとして関数に送ることができます。

<li onclick="liPosition(this)"> 

パラメータを関数に追加します。

<script> 

    function liPosition(listitem) { 
     var index = $(listitem).parent().children().index(listitem); 
     alert("You clicked item " + index); 
    }; 

</script> 

FYI、また、あなたの関数定義});

<script src="http://code.jquery.com/jquery-3.0.0.min.js" integrity="sha256-JmvOoLtYsmqlsWxa7mDSLMwa6dZ9rrIdtrrVYRnDRH0=" crossorigin="anonymous"></script> 
 

 
<li onclick="liPosition(this)">item 1</li> 
 
<li onclick="liPosition(this)">item 2</li> 
 

 
<script> 
 

 
    function liPosition(listitem) { 
 
     var index = $(listitem).parent().children().index(listitem); 
 
     alert("You clicked item " + index); 
 
    }; 
 

 
</script>