为JavaScript提供按钮的ID

时间:2010-02-17 15:01:26

标签: javascript jquery ajax this

在我的JavaScript代码中,我必须创建一个这样的行(我使用smarty模板引擎,这是文字的东西)。

<script language="javascript" type="text/javascript">
    function ajaxTextKill() {
        // ...etc.
        ajaxRequest.open("GET", "functions.php?action=kill{/literal}&id="+IWANTMYIDHERE+"&p={$smarty.get.page}&c={$smarty.get.sel}{literal}", true);
        ajaxRequest.send(null);
    }

在我的HTML代码中,

<input type="button" id="87" value="del" onClick="return ajaxTextKill();" />

我想给JavaScript输入的id值。怎么做?

4 个答案:

答案 0 :(得分:3)

如果您传递对字段本身的引用,则不一定需要ID。

<input type="button" id="87" value="del" onClick="return ajaxTextKill(this);" />

并像这样访问ID:

function ajaxTextKill(object){
    alert(object.id);
}

答案 1 :(得分:1)

HTML

<input type="button" id="87" value="del" onClick="return ajaxTextKill(this.id);" />

JavaScript

function ajaxTextKill(id){
...etc.
ajaxRequest.open("GET", "functions.php?action=kill{/literal}&id="+id+"&p={$smarty.get.page}&c={$smarty.get.sel}{literal}", true);
ajaxRequest.send(null); }

答案 2 :(得分:1)

<input type="button" id="a87" value="del" onClick="return ajaxTextKill(this.id);" />

答案 3 :(得分:0)

让元素通过ajaxTextKill(this)将自身传递给函数。然后只需element.id获取其ID。

function ajaxTextKill(element) {
    var buttonid = element.id;
    ajaxRequest.open("GET", "functions.php?action=kill{/literal}&id="+ buttonid +"&p={$smarty.get.page}&c={$smarty.get.sel}{literal}", true);
    ajaxRequest.send(null);
}