<input> 使用 onclick= " " 发送值，语法失败

Question

在我的学校项目中，我需要能够更新酒店房间的信息。所以我有一个表单，从我的DB与PHP生成。我需要从<input>字段取一个值，并使用AJAX将其发送到我的服务器端代码，由onclick处理程序触发。

这是我的php代码。当我用id='update_btn'点击div时，我想发送的是id='newinfo'。由于某种原因，$("#update_btn").on("click", newinfo);

    echo "<form class='edit_form' method='post' action=''>";
    echo "<input placeholder='New info here' type='text' id='newinfo' name='newinfo'/>";
    echo "<div id='update_btn' onclick='newinfo( " . $gr_display['id'] . " )'> Update room info </div>";
    echo "</form>";

这是我的JS

function newinfo(id, newinfo) { 
console.log('Click, click');
}

有人能帮助我与onclick=""的语法为'div'吗?

Answer 1

试试这个:

$(document).on("click", "#update_btn", function(){
  console.log('Click, click');
});

Answer 2

试试这个单"代替双"

onclick='newinfo( ' . $gr_display['id'] . ' )'>

Answer 3

少了一个分号，试试这个:

<div id='update_btn' onclick='newinfo( " . $gr_display['id'] . " );' /> 
  Update room info 
</div>