2015-10-31 3 views
-1

Я пытаюсь опубликовать данные какой-либо формы, когда пользователь нажимает на таблицу, но могу «Не заставляйте ее работать. Это то, что я пытался до сих пор:Отправить данные формы при нажатии на таблицу

<form Method="post"> 
    <table> 
    <tr><th colspan="2">sometext</th></tr> 
    <tr name="id" value="1"><td>Option 1</td><td>TEXT</td></tr> 
    <tr name="id" value="2"><td>Option 2</td><td>TEXT</td></tr> 
    <tr name="id" value="4"><td>Option 3</td><td>TEXT</td></tr> 
    </table> 
</form> 

Я думаю, что, возможно, придется использовать JavaScript, но я не знаю, как так как я новичок в JavaScript.

+0

Вы можете использовать jquery. Прочитайте [это] (http://api.jquery.com/jquery.ajax/) – Alex

ответ

1

Использование Jquery

jQuery('tr').click(function(){ 
    jQuery('form').submit(); 
}); 

Но взгляните на эту статью для дальнейшего оформления :) Forms

1

здесь вы идете

<form Method="post" id="myForm"> 
<table id="mytable"> 
<tr><th colspan="2">sometext</th></tr> 
<tr name="id" value="1"><td>Option 1</td><td>TEXT</td></tr> 
<tr name="id" value="2"><td>Option 2</td><td>TEXT</td></tr> 
<tr name="id" value="4"><td>Option 3</td><td>TEXT</td></tr> 
</table> 
</form> 

Несколько изменений в HTML

<script type="text/javascript"> 

onload=function(){ 
document.getElementById("mytable").addEventListener('click',function(){ 
document.getElementById("myForm").submit(); 
}); 
} 

</script> 
Смежные вопросы