dongyan3562 2017-03-23 08:10
浏览 72
已采纳

在同一文件中获取PHP变量中选择框的HTML值

My HTML code creates select options

<select name ="sortBy" id="sortBy" onchange="getValue(this)">   
    <option value=""></option>
    <option value="total">Total Medals</option>
    <option value="gold">Gold Medal</option>
    <option value="silver">Silver Medal</option>
    <option value="bronze">Bronze Medal</option>
</select> 

My attempt at using Ajax to read the value from the select box

function getValue(obj){

   $("#sortBy").on( 'click', function () {
    $.ajax({
        type: 'post',
        url: 'main.php',
        data: { source1: obj.value },
        success: function( data ) {
            console.log( data );
        }
    });
});

}

My PHP code that creates a variable

$sortBy   = $_POST['source1'];
echo $sortBy;

However I get an error message saying source1 is an undefined index in the PHP code. I assume it isn't getting the variable from JS.

All of these are on the same document (main.php). I'd like the PHP variable to changed depending on the variable gotten in JS. How can I fix this? Thanks How can I fix this?

  • 写回答

2条回答 默认 最新

  • duanca3415 2017-03-23 08:15
    关注

    You are confusing between fonction getValue that use param obj, and the binding .on context that use this

    Use data: { source1: $( this ).val() }, instead.

    And i think that getValue function is useless because ajax will be called on click event. (for <select>, you could prefer change event)

    You have the choice, bind the event using attributes like onchange, or bind using jQuery. Choose one and remove the other.

    See this jsFiddle, that show you the request is correctly sent. (You have to open the console to show the ajax call). If you have something wrong in your code, it's in another place.

    EDIT

    The error is only due to the fact that PHP for the AJAX call and HTML+jQuery code are in the same page. So loading the page prompt you the POST error because you are not in the AJAX call.And loading the page in browser will always perform a GET request (when not in form submit context of course ^^).

    To prevent it just add this test in the PHP code : (this code test for XMLHttpRequest)

    if(!empty($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') {
        if(isset($_POST['source1'])) {
            echo $_POST['source1'];
        } else {
            echo "Something went wrong, we are in AJAX call but no data given!!";
        }
    }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 file converter 转换格式失败 报错 Error marking filters as finished,如何解决?
  • ¥15 ubuntu系统下挂载磁盘上执行./提示权限不够
  • ¥15 Arcgis相交分析无法绘制一个或多个图形
  • ¥15 关于#r语言#的问题:差异分析前数据准备,报错Error in data[, sampleName1] : subscript out of bounds请问怎么解决呀以下是全部代码:
  • ¥15 seatunnel-web使用SQL组件时候后台报错,无法找到表格
  • ¥15 fpga自动售货机数码管(相关搜索:数字时钟)
  • ¥15 用前端向数据库插入数据,通过debug发现数据能走到后端,但是放行之后就会提示错误
  • ¥30 3天&7天&&15天&销量如何统计同一行
  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型