2017-04-26 23 views
2

こんにちはちょうどjqueryを使用してパラメータを渡す適切な方法は私のパラメータは、HTML入力からです質問したい、以下は私のコードです。jquery loadパラメータを渡す

function ajax_post(){ 


      var param = document.getElementById('def').value; 


      $('#chatlogs').load('main.php?id='+param); 



    } 

main.phpを読み込むことはできますが、paramをエコーすることはできません。ここでは私のmain.phpコードです。詳細を追加する

<?php echo $_GET['id'];?> 

..イムは、値を取得した後、次にHTML選択入力からパラメータを取得し、その後、#chatlogsのidを持つdiv要素にmain.phpをロードします。

<select name="topic" id="def" class="form-control" style="width:450px;" onChange='ajax_post()'> 
         <option value="" selected>---</option> 
         <option value="Solder Short">Solder Short</option> 
         <option value="Insufficient Solder">Insufficient Solder</option> 
         <option value="Misaligned Component">Misaligned Component</option> 
         <option value="Missing Component">Missing Component</option> 
         <option value="Inverted Component">Inverted Component</option> 
         <option value="Pad Contamination">Pad Contamination</option> 


        </select> 


<div id="chatlogs"> 
Please select a defect category... 
</div> 

enter image description here

+0

わからないが、通常ますパラメータを追加するだけですあなたのケースでは..id = '+ param)のリンクの終わりまで。これはparamがidの値であるかどうかです。 –

+0

まだ応答がありませんmain.php?id = '+ paramを試みましたが、まだ返されず、コンソールログもありませんでした。しかし、私はパラメータmain.phpをハードコードしようとしましたか?id = testと私のmain.phpがテストを返しています。 – KaoriYui

+0

paramの値を確認し、それが何であるか教えてください。 –

答えて

0

この方法を試してください。

function ajax_post(){ 

var param = document.getElementById('def').value; 

$('#chatlogs').load('main.php?id='+param); 

} 

申し訳ありませんが、コメントすることはできません46pts

+0

まだ幸運にも、コンソールログから「エラー:構文エラー、認識できない式:HTMLSelectElement」を取得しています。 – KaoriYui

+1

これを試してください:$( '#chatlogs')。load( 'main.php?id =' + param); – xcution

+0

まだ運がない、私は関数document.getElementById( 'def')を使って一時的な回避策を見つけました。私のmain.phpにifステートメントを入れます。応答に感謝します。 – KaoriYui

0

はこれを試してみてください:jqueryの程度

<select name="topic" id="def" class="form-control" style="width:450px;"> 
         <option value="" selected>---</option> 
         <option value="Solder Short">Solder Short</option> 
         <option value="Insufficient Solder">Insufficient Solder</option> 
         <option value="Misaligned Component">Misaligned Component</option> 
         <option value="Missing Component">Missing Component</option> 
         <option value="Inverted Component">Inverted Component</option> 
         <option value="Pad Contamination">Pad Contamination</option> 


        </select> 


<div id="chatlogs"> 
Please select a defect category... 
</div> 

<script> 
$(document).ready(function(){ 
    $('#def').on('change', function() { 
     var param = document.getElementById('def').value; 
     //alert(param); 

     $('#chatlogs').load('main.php?id=', param); 
    }) 
}); 
</script> 
+0

あなたは、新しいものを投稿するのではなく、あなたの答えを編集する必要があります。 –

+0

注目。申し訳ありません私は初心者です:( – xcution

+0

このコードを試して、アラートにパラメータを置くと値が得られますが(例えば半田ショート)、それを渡すことはできません.loadは選択入力から値を取得するようです私がvar param = "test" main.phpを返そうとしたときに問題が発生しました。 – KaoriYui