0

我有一个这样的表格，里面有很多链接：

<form name="myform" action="" method="get" id="form">

<p>
<a href="getValue('A')" class="del">My link</a> 
</p>
<p>
<a href="getValue('B')" class="del">My link 2</a> 
</p>
<p>
<a href="getValue('C')" class="del">My link 3</a> 
</p>

<input type="hidden" name="division" value="" />        
</form>

我想将表单的值从单击的链接发送到 php 脚本并获取响应（不重新加载页面）。

我正在尝试编写一个从链接获取值的函数：

<script type="text/javascript">
window.addEvent('domready', function() {
getValue = function(division)
{
var division;
division=$('form').getElements('a');        
}
</script>

但我不知道如何以正确的方式编写它。接下来我想发送表格：

$$('a.del').each(function(el) {
    el.addEvent('click', function(e) {
    new Event(e).stop();

    $('form').submit(); 

    });
});

我应该如何发送它以从不重新加载页面的 php 文件中获取响应？

4

2 回答 2

0

我建议不要在 HTML 中嵌入 javascript，而是使用委托事件。我还将使用 ajax 调用而不是表单提交来发送表单。

<form id="form">
    <a data-value="A">My link</a>
    ...
</form>

<script>
    var formEl = document.id('form');
    formEl.addEvent('click:relay(.del)', function() {
        var value = this.getProperty('data-value');
        new Request.JSON({
            url: '/path/to/your/listener',
            onSuccess: function(data) {
                // ...
            }
        }).get({
            value: value
        });
    });
</script>
于 2012-06-11T16:03:51.420 回答
0

这对我有用：

<form id="form">
<a data-value="A">My link</a>
...
</form>

<script>
 var links = document.id('form').getElements('a');
 links.each(function(link) {

link.addEvent('click', function(e) {
    e.stop();  

    var value = link.getProperty('data-value');

var req = new Request.HTML({
url: "/path/to/your/listener", 
data: value,
onRequest: function(){
$('display').set('text', 'Search...');
  },
onComplete: function() { 

},
update    : $('display') 
}).get( 
{data: value}   
);  
});
})      
</script>
于 2012-06-13T07:11:36.130 回答