Javascript 下拉选择菜单返回不带提交按钮的php变量
我有一个下拉选择菜单,我想用它来返回一个变量的值,不需要提交按钮,也不需要重新加载页面。 Index.htmlJavascript 下拉选择菜单返回不带提交按钮的php变量,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我有一个下拉选择菜单,我想用它来返回一个变量的值,不需要提交按钮,也不需要重新加载页面。 Index.html <form action="fetch" method="get"> <p> <select name="POS"> <option>SELECT COURSE</option> <option value="POS"&g
<form action="fetch" method="get">
<p>
<select name="POS">
<option>SELECT COURSE</option>
<option value="POS">Agricultural Economics and Extension</option>
<option value="A">Another</option>
</select>
</p>
<p>
<input type="submit" name="check" id="check" value="Submit">
</p>
</form>
让我们看看下拉列表示例的值
<option value="POS">Agricultural Economics and Extension</option>
看起来您正在使用jquery,所以您可以使用jquery get函数来完成这项工作
<select name="POS" onChange="getUpdate(this)">
<option>SELECT COURSE</option>
<option value="POS">Agricultural Economics and Extension</option>
<option value="A">Another</option>
</select>
<Script language="Javascript">
function getUpdate(selectObject) {
var value = selectObject.value;
$.get( "urlToyourPHPResults.php?POS="+value, function( data ) {
// Do something with returned data
});
}
</script>
选课
农业经济与推广
另一个
函数getUpdate(selectObject){
var value=selectObject.value;
$.get(“urltoyurphpresults.php?POS=“+值,函数(数据){
//处理返回的数据
});
}
为了澄清,它应该在用户选择选项后立即返回值?正如在更改事件中一样?@IsaacAbramowitz是的,这是一个关于在不重新加载页面的情况下提交表单的问题。我不确定您是否可以在不提交表单的情况下返回值,而且我现在无法测试它,因为我无法访问用于创建本地服务器的工具。但据我所知,必须提交一个表单才能通过PHP获取值。@IsaacAbramowitz这不是文本输入类型表单,而是选择类型表单请提供帮助请稍作解释可能是PHP方面的内容在本例中,您应该能够使用$_get[“POS”]获取数据,然后您可以以您想要的任何格式将其输出回来。例如,json、xml或纯文本。标题('Content-Type:application/json');echo json_编码(数组('POSData'=>'data');然后可以像var jsonData=data.POSData那样提取数据
$POS = 'Agricultural Economics and Extension';
<select name="POS" onChange="getUpdate(this)">
<option>SELECT COURSE</option>
<option value="POS">Agricultural Economics and Extension</option>
<option value="A">Another</option>
</select>
<Script language="Javascript">
function getUpdate(selectObject) {
var value = selectObject.value;
$.get( "urlToyourPHPResults.php?POS="+value, function( data ) {
// Do something with returned data
});
}
</script>