gpt4 book ai didi

javascript - 单击按钮时将单选按钮值存储在数据库中

转载 作者:行者123 更新时间:2023-11-28 03:04:32 25 4
gpt4 key购买 nike

我想将单选按钮的值存储在数据库中。这是我的 3 个文件

主要问题是按钮类型是“button”。如果类型是“提交”,则可以编写PHP脚本。这个可以用javascript解决,但我从来没有用过。

<!Doctype html>
<html>

<head>
<title>Audio</title>
</head>

<body>
<p> This is a test system </p>
<audio id="song" src="file/A1.wav" controls></audio>
<form id="submit_value" method="post" action="dbconnect.php">
<input type="radio" id="happy" name="emotion" value="happy">
<label>Happy</label><br/>
<button type="button" onclick="nextAudio(); save();"> NEXT </button>
</form>
<script type="text/javascript" src="audio.js"></script>
</body>
</html>

JavaScript 文件

单击“下一个”按钮时,它会更改保存在数组中的音频,对于每个音频,我必须将单选按钮值保存在数据库中

const song = document.querySelector('#song');

audioIndex = 0;

myAudio = ['file/A1.wav', 'file/A2.wav', 'file/A3.wav'];

function nextAudio() {
//alert("in javascript");
audioIndex++;
song.src = myAudio[audioIndex];
}
function save()
{
document.getElementById("myForm").submit();
}

PHP 文件

<?php
$hostname= "localhost";
$username= "root";
$password= "";
$dbname="project";

$conn = new mysqli($hostname, $username, $password, $dbname);

if ($conn->connect_error)
{
die("not success". $conn->connect_error);
}
else
{
echo "Connected successfully";
}
if (isset($_POST['emotion']))
{
$emotion = $_POST['emotion'];
}
$sql = "INSERT INTO answers (Id, Emotion) VALUES ('NULL', 'happy')";
if ($conn->query($sql) === TRUE)
{
echo "Inserted";
}
else
{
echo "Error : ". $sql. "<br>".$conn->error;
}
$conn->close();
?>

现在它将进入 save() 函数,但仍然没有将值存储在数据库中。它正在重定向到 PHP 页面。

[After clicking next button[1]

最佳答案

您可以使用 js.submit() 方法通过单击按钮手动提交表单。工作代码:

function save(){
//getting id of form and then submit it to server
document.getElementById("form").submit();
}
<form id="form" method="post" action="yourpagename">
<input type="radio" id="happy" name="emotion" value="happy">
<label >Happy</label><br/>
<button type="button" onclick=" save();"> NEXT </button>
</form>

关于javascript - 单击按钮时将单选按钮值存储在数据库中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60716561/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com