如何解决显示由ajax从选择中选择的选项
你好,我试图从选择中选择一个选项,以向我展示ajax在页面上选择的选项,但是如果您能帮助我,代码将无法正常工作
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0 /jquery.min.js"></script>
<script>
function fetch_select(val){
$.ajax({
type: 'post',url: 'ajax.php',datatype:'json',data: {option:val},success: function (response) {
$('#print-ajax').html(response);//This will print you result
}
});
}
</script>
<div id="select_box">
<select onchange="fetch_select(this.value);">
<option value="10">state</option>
<option value="20">20</option>
</select>
</div>
<p id="print-ajax"></p><!--Result will print here-->
ajax.php
echo $_POST['option'];
解决方法
有时,当您将其放在Body标签顶部时,jQuery文件无法正常工作。
目前,您的代码是完美的。但是我的建议是尝试一下。
<div id="select_box">
<select onchange="fetch_select(this.value);">
<option value="10">state</option>
<option value="20">20</option>
</select>
</div>
<p id="print-ajax"></p><!--Result will print here-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0 /jquery.min.js">
</script>
<script>
function fetch_select(val){
$.ajax({
type: 'POST',url: 'ajax.php',dataType:'JSON',data: {option:val},success: function (response) {
$('#print-ajax').html(response);//This will print you result
}
});
}
</script>
有时“发布”小格式会产生问题。因此,请始终使用“ POST”作为大写格式。 希望对您有用。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。