Ajax и jquery. Onclick для <li>

[Last]

Привет! В index.html есть такой код:

<script>
  $(document).ready(function(){  
          
            $('#myForm').submit(function(){  
                $.ajax({  
                    type: "POST",  
                    url: "script.php",  
                    data: "name="+$("#name").val(),  
                    success: function(html){  
                        $("#content").html(html);  
                    }  
                });  
                return false;  
            });  
	 
        });  
</script>

Но помимо нажатия на кнопку, мне нужно обрабатывать нажатия не элементы списка

<form id = "listForm">
<ol>
<li id=someID onclick="listID = someID">somedata</li>
...
</ol>
</form>

Я пытался запихать всё в одну функцию, видимо это неправильно:

<script>  
	
        $(document).ready(function(){  
          
            $('#myForm').submit(function(){  
                $.ajax({  
                    type: "POST",  
                    url: "mysql.php",  
                    data: "name="+$("#name").val(),  
                    success: function(html){  
                        $("#content").html(html);  
                    }  
                });  
                return false;  
            });  
			$('#listForm').onclick(function(){  
                $.ajax({  
                    type: "POST",  
                    url: "somescript.php",  
                    data: "id="+$listID,   
                    success: function(html){  
                        $("#upd").html(html);  
                    }  
                });  
                return false;  
            });  
			
        });  
    </script>

Возникает ошибка Uncaught TypeError: Object [object Object] has no method 'onclick', но при нажатии на элемент списка в переменную listID заносится значение someID, значит onclick всё таки срабатывает.
Наверное нужно как-то по-другому обрабатывать onclick?

[acteralex]

click, а не onclick

[Last]

Сообщение от acteralex

click, а не onclick

Теперь при нажатии на элемент списка переменной listID не присваивается значение someID. Сдаётся мне, что всё же onclick.
Хотя ошибка Uncaught TypeError: Object [object Object] has no method 'onclick' больше не появляется.

[acteralex]

$('#listForm').live('click', function(){  
        $.ajax({  
            type: "POST",  
            url: "somescript.php",  
            data: "id="+$listID,   
            success: function(html){  
                $("#upd").html(html);  
            }  
        });  
        return false;  
    });

попробуй так

[Cronos20]

	$('#listForm li').click(function(){  
                $.ajax({  
                    type: "POST",  
                    url: "somescript.php",  
                    data: this.id,   
                    success: function(html){  
                        $("#upd").html(html);  
                    }  
                });  
            });

[Last]

Сообщение от Cronos20

	$('#listForm li').click(function(){  
                $.ajax({  
                    type: "POST",  
                    url: "somescript.php",  
                    data: this.id,   
                    success: function(html){  
                        $("#upd").html(html);  
                    }  
                });  
            });

Результата нет.
В somescript.php одно действие:

<?php
 echo "Hello world!";
?>

В index.html есть блок

<div id="upd"></div>

поэтому вывод должен быть, но ничего не происходит. Повторюсь, если делать click вместо onclick запись в переменную listID не производится, так что скорее всего это не то событие, которое нужно. Или я что-то не понимаю?

[Last]

Решил пока не париться с аяксом, и разобраться с кликом.
Оказалось, функция

	$('#listForm').click(function () {
      alert(this.id);
	  });

тоже не срабатывает. Однако, если форму listForm создавать не динамически с помощью скрипта, а просто запихать в html файл, то всё прекрасно работает.
Пришёл к выводу, что придётся формировать javascript в php скрипте, это конечно не очень радует.
Вопрос знатокам, если на странице будет два скрипта:

<script>  	
        $(document).ready(function(){  
          
            $('#myForm').submit(function(){  
                $.ajax({  
                    type: "POST",  
                    url: "mysql.php",  
                    data: "last_name="+$("#last_name").val(),  
                    success: function(html){  
                        $("#content").html(html);  
                    }  
                });  
                return false;  
            }); 				
        });  
    </script>  
blalbabla, сформировали список.
<script>  	
        $(document).ready(function(){  
          
            $('#listForm li').click(function(){  
                $.ajax({  
                    type: "POST",  
                    url: "update.php",  
                    data: "id="+this.id,  
                    success: function(html){  
                        $("#upd").html(html);  
                    }  
                });  
                return false;  
            }); 				
        });  
    </script>

Не будут ли конфликтовать две одинаковых функции $(document).ready (а ведь они скорее всего будут конфликтовать) и как решить этот конфликт?

[Naive]

Однако, если форму listForm создавать не динамически с помощью скрипта, а просто запихать в html файл, то всё прекрасно работает.

И как по вашему должен был работать клик, который привязывается к несуществующему элементу?
Сперва создаем элемент, затем привязываем событие.
Либо привязывайте через .live()

[Cronos20]

Или я что-то не понимаю?

Да вы что-то не понимаете. Приводите целиком весь код ... и html и js , причем в той же последовательности, как оно все выводится на страницу + то как создаете эту свою "динамическую" форму

[Last]

Сообщение от Naive

И как по вашему должен был работать клик, который привязывается к несуществующему элементу?
Сперва создаем элемент, затем привязываем событие.
Либо привязывайте через .live()

Всё методом тыка же. Изучение новой технологии начинается в тот момент, когда её вдруг приходится использовать. Мне уже помогли в другом месте, всё оказалось куда более тривиально.

<html>
  <body>
   <ul>
    <li onclick="confirmUpdate('1')">Вася</li>
	<li onclick="confirmUpdate('2')">Петя</li>
	<li onclick="confirmUpdate('3')">Федор</li>
	<li onclick="confirmUpdate('4')">Даша</li>
   </ul>
  </body>
  
  <script>
   function confirmUpdate(recordId){     
	 if (confirm("Обновляем эту запись")) {      
              $.ajax({  
                    type: "GET",  
                    url: "update.php",  
                    data: "person_id="+recordId,   
                    success: function(html){  
                        $("#content").html(html);  
                    }  
                });  	  
    } else {
     alert("Пока!");
    }
   }
  </script>
</html>