Question

我可以在具有不同id的两个不同元素上调用JavaScript函数吗？

HTML

<p id="id1">12</p>
<button type="button" onClick="ABC(document.getElementById('id1').innerHTML)">one</button>

<input type="text" id="id2" value="21"/>
<button type="button" onClick="ABC(document.getElementById('id2').innerHTML)">two</button>

JS

function ABC(id = null) {
    if(id) {    
        $.ajax({
            url: 'url.php',
            type: 'post',
            data: {id: id},
            dataType: 'json',
            success:function(result) {
            }
        });  
    } 
}

该功能在第二个按钮上不起作用，我也不知道为什么。

Answer 1

第二个按钮使用输入数据，因此您应该使用document.getElementById（'id2'）。value

function ABC(id = null) {
    if(id) {    
        $.ajax({
            url: 'url.php',
            type: 'post',
            data: {id: id},
            dataType: 'json',
            success:function(result) {
            }
        });  
    } 
}

<p id="id1">12</p>
<button type="button" onClick="ABC(document.getElementById('id1').innerHTML)">one</button>

<input type="text" id="id2" value="21"/>
<button type="button" onClick="ABC(document.getElementById('id2').value)">two</button>

为什么我的JavaScript函数不能在所有按钮上正常工作？

1 个答案: