Javascript 如何在弹出窗口中发送所选下拉值
我在表单中有超过8-12个字段。我有一个选择下拉字段称为状态。默认情况下,它显示数据库中的选定值 例如,默认情况下,选择的下拉列表为“创建” 到目前为止,一切正常,我的问题是,我必须通过弹出表单中的选择下拉值来更新数据库中的信息。或者有没有其他方法来处理这个问题 我的弹出窗口是Javascript 如何在弹出窗口中发送所选下拉值,javascript,php,jquery,html,css,Javascript,Php,Jquery,Html,Css,我在表单中有超过8-12个字段。我有一个选择下拉字段称为状态。默认情况下,它显示数据库中的选定值 例如,默认情况下,选择的下拉列表为“创建” 到目前为止,一切正常,我的问题是,我必须通过弹出表单中的选择下拉值来更新数据库中的信息。或者有没有其他方法来处理这个问题 我的弹出窗口是 <div class="popup" id="popup_verify" style="display:none;"> <form action="process.php" method="po
<div class="popup" id="popup_verify" style="display:none;">
<form action="process.php" method="post">
<textarea placeholder="message" name="message"></textarea>
<input type="submit" name="update" value="update">
</form>
</div>
.弹出窗口{
宽度:300px;
保证金:自动;
背景色:f9f9f9;
颜色:000;
}
>创造
>未决
>证实
香草Javascript:
document.getElementById('form_input_id').value = 'your value';
使用jQuery:
$("#form_input_id").val("your value");
使用选择更改处理程序
…或使用Ajax:
谢谢你的回复,我应该在哪里使用这个?很抱歉回复太晚,给我一些时间来实现这个。我所在的区域出现了一些internet问题。如果希望用户重定向到process.php,您需要使用Using Select Change处理程序。。。或者,如果您只想运行process.php脚本而不重新加载当前页面,您可以使用Using Ajax方法是的,我尝试了您的代码,它对我有效。我试过了,啊,不错。如果有帮助,请接受为答案,谢谢你的帮助,请投我这边的赞成票
document.getElementById('form_input_id').value = 'your value';
$("#form_input_id").val("your value");
$(".select_control").change(function() {
var selectedValue = this.value;
$("[name='update']").val(selectedValue);
alert('new input value: ' + $("[name='update']").val());
});
$(document).on('submit','form',function(event){ //handle the submission of your form from popup
event.preventDefault(); //prevents form default action
var selectedValue = $('.select_control').val(); // get the selected value from dropdown
$.ajax({ //do ajax to do update
type: "POST",
url: 'process.php', // url to your .php file
data: {'post_data':selectedValue}, // use $_POST['post_data'] to access in php
success: function(dataReturned){ //callback function if request success. dataReturned is what you echoed out in php
alert('data updated');
}
});
});