AJAXを使用して送信せずにPHPスクリプトに2つのドロップダウンの選択値を送信

2つのドロップダウンリストがあり、PHPを使用してDBからデータを取得する必要があることに基づいて、送信ボタンはありませんのでご注意ください。私はどのようにjavascript var値をPHPコードに送るのか分からない。AJAXを使用して送信せずにPHPスクリプトに2つのドロップダウンの選択値を送信

ここでは、ここではそれが

<?php 

    // $time = $_POST['select'];   
    $filter = $_POST['name'];  
    //echo "Hello from new";  
    echo $filter; 

?>

PHPファイルである。しかし、何も私のために働いているようだ、私はこれまで

<head> 

<script src="http://code.jquery.com/jquery-latest.min.js"></script> 

<script> 

    $(document).ready(function(){ 
     $('select.day').on('change',function(){  
     var select = $(this).val();   
     alert(select);   

     }); 

     $.ajax({ 

      Type : "POST",    
      url : "new.php", 
      data : {name : select},  
      success : function(msg) 
      { 
       $('#d').text(msg);  
       alert(msg); 
      } 
     }); 
    }); 

</script> 
</head> 
    <body> 
<p id="d"></p> 
<Select class="day" onchange="getTimeFrame(this.value)"> 
     <Option >Today</Option> 
     <Option>This Week</Option> 
    <Option>Last Week</Option> 
    </Select> 

    <Select class="filter" onchange="getFilterType(this.value)"> 
     <Option >User</Option> 
     <Option>Client</Option> 
    <Option>Project</Option> 
    </Select> 
</body> 
</html>

をやったものです。誰もこれを達成する方法を知っていますか？

出典

2017-06-03 Kiran Koravi

Ajaxコードをonchangeイベントの内側に追加してください。

ではなく

タイプミス変更typeTypeは、。すべてが小さなletter.Javascriptが場合、この

<Select class="day"> 
     <Option >Today</Option> 
     <Option>This Week</Option> 
    <Option>Last Week</Option> 
    </Select>

などの敏感

$('select.day').on('change', function() { 
    var select = $(this).val(); 
    $.ajax({ 
    type: "POST", 
    url: "new.php", 
    data: { 
     name: select 
    }, 
    success: function(msg) { 
     $('#d').text(msg); 
     alert(msg); 
    } 
    }); 
    })

変更HTML形式であるキャップではありません更新しました

のために...変更された選択ボックスの値を両方の送信値はあなただけ= $（この）を選択してもらうあなたのonchangeイベントでこの

$('select.day').on('change', function() { 
 
    var select = $('select.day').map(function(){ 
 
    return $(this).val() 
 
    }).get(); 
 
    console.log(select) 
 
    $.ajax({ 
 
    type: "POST", 
 
    url: "new.php", 
 
    data: { 
 
     name: select 
 
    }, 
 
    success: function(msg) { 
 
     $('#d').text(msg); 
 
     alert(msg); 
 
    } 
 
    }); 
 
    })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<Select class="day" > 
 
     <Option >Today</Option> 
 
     <Option>This Week</Option> 
 
    <Option>Last Week</Option> 
 
    </Select> 
 

 
    <Select class="day filter" > 
 
     <Option >User</Option> 
 
     <Option>Client</Option> 
 
    <Option>Project</Option> 
 
    </Select>

出典

2017-06-03 05:10:36 prasanth

ありがとう。それは私に警報を出すが空白のものを示す。パラメータを送信中に何か間違っていますか？ –

はそれを助けませんでした。 –

PHPを変更する必要はありません。タイプ変更ではなく 'タイプ'の代わりに 'タイプ'を使用します。すべての文字は小文字です.Javascriptでは大文字と小文字が区別されます – prasanth

を試してみてくださいドロップダウン。あなたはName = $（ "。filter"）.....で他のものも参照する必要があります。その後、ajaxで送信してください。

出典

2017-06-03 05:45:31 TomP

AJAXを使用して送信せずにPHPスクリプトに2つのドロップダウンの選択値を送信

答えて

関連する問題