gpt4 book ai didi

javascript - 如何将选定的下拉项保存到数据库表

转载 作者:行者123 更新时间:2023-12-03 04:53:09 26 4
gpt4 key购买 nike

我有一个下拉列表,我从数据库中获取并显示在我的 php 文件中,如下所示:

 <script type="text/JavaScript">
//get a reference to the select element
var $select = $('#bananas');

//request the JSON data and parse into the select element
$.getJSON('http://127.0.0.1/folder/bananas.json', function(data){

//clear the current content of the select
$select.html('');

//iterate over the data and append a select option
$.each(data.allbananas, function(key, val){
$select.append('<option id="' + val.id + '">' + val.name + '</option>');
})
});

我的html文件

<select id="bananas" class="form-control">
<option value="">-- Select A Banana -- </option></select>

但是我需要用户从表单中选择每个香蕉,当他或她提交时,必须使用 php 将其保存到不同的表中。鉴于下拉列表来自 json 文件,我该如何执行此操作?Ajax 解决方案也受到欢迎。

最佳答案

您需要的是:在选择选项更改时,更新表格吗?试试这个..

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
<select id="bananas">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
</body>
</html>

<script>
$("#bananas").change(function(){
// var option holds the selected option value whenever changed
var option = $("#bananas").val();
console.log(option);

/*
It would be better practice to add the data to a DB like mySQL and then generating a JSON file from there
However you can just send this information as you already wanted this way
*/
$.ajax({
url: './myphpfile.php',
data:
{
option:option
}
}).done(function(resp){
if(resp == 200) {
console.log("Success!");
}else if(resp == 0){
console.log("Failed..");
}
});
});
</script>

关于javascript - 如何将选定的下拉项保存到数据库表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42563418/

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