一键组合JS和PHP。 可能吗？

Question

Hiya：我知道有些人会很讨厌我的问题，但是我正在做一个uni项目，需要尽快完成。 这个问题是关于在按钮（按钮）上使用JS并在同一按钮上发送php_my_sql更新。 问题是JS使用按钮，对不对？ 但是PHP使用button（submit）。 我如何才能使这两个按钮在其中一个按钮上工作，因为必须只有一个按钮。

这是我的JS代码

<script type="text/javascript">
function formAction(){
    var x=document.getElementById("collect")
    x.remove(x.selectedIndex)
}

</script>

的HTML

<form method="post">
    <select id="collect" name="Select1" style="width: 193px">
    <option>guns</option>
    <option>knife</option>
    </select> <input type="**submit/button**" onclick="formAction()" name="Collect"  value="Collect" /></form>

的PHP

    <? 
    if (isset($_POST['Collect'])) {
    mysql_query("UPDATE Player SET score = score+10
    WHERE name = 'Rob Jackson' AND rank = 'Lieutenant'");
    }

?>

Answer 1

这可能是一种方法

删除参数后通过JS提交表单

<script type="text/javascript">
    function formAction(){
        var x=document.getElementById("collect")
        x.remove(x.selectedIndex);
        document.forms[0].submit();
    }

    </script>

输入类型按钮

<input type="button" onclick="formAction()" name="Collect"  value="Collect" />

Answer 2

嵌入jQuery并使用$.post()发送AJAX请求。

Answer 3

当用户浏览页面并将数据输入表单时，JavaScript可以与按钮交互。 用户按下“提交”按钮并发送表单提交请求的那一刻，JS不再具有控制权。 该请求被发送到表单的操作（很可能是一个PHP文件），该操作处理该请求并给出答复。
如果您确实需要将两者结合起来，请查看AJAX。

Answer 4

<?php print_r($_POST); ?>
<script type="text/javascript">
function formAction(){
    var x=document.getElementById("collect");
    x.remove(x.selectedIndex);
    submit_form();
}
function submit_form() {
    document.form1.submit();
}
</script>
<form method="post" name='form1'>
    <input type='hidden' name='Collect'/>
    <select id="collect" name="Select1" style="width: 193px">
    <option>guns</option>
    <option>knife</option>
    </select> <input type="button" onclick="formAction()" name="Collect"  value="Collect" /></form>
<? 
    if (isset($_POST['Collect'])) {
    //do whatever update you want
    }

?>

Answer 5

简单的解决方案

在表单标签中进行此修改

<form method="post" onsubmit="return formAction()">

在JavaScript函数中添加一行“ return true;”。 在函数的末尾。

瞧.. !!! 你完成了.. !!

请享用..！！