iframeのsrcコンテンツを動的に変更する

Question

検索結果を行うページを作っています。このページには、1つのドロップダウンボックス（と）、1つのテキストボックス、1つのボタン、1つのiframeが含まれています。私のテーブル。今、私は、そのテーブルに表示されているユーザー名のリストを持っていますfirstname、lastnameとmiddlenameのすべてのデータが起動時に表示されます今私はドロップダウンボックスからファーストネームを選択し、私と同じ名前の人のためのフィルタになります。テーブルページにフィルタを使用して、パラメータを追加しました。 //localhost/test/table.php?fname=test

今事はiframeのが私のホームページをそのまま作る変わるだけでなければならないことです。ここで、iframe srcは、フォームの送信を使わずに既に述べたように、ドロップダウンボックスで選択した内容に基づいてクリック時に変更され、値はテキストボックスのテキストに基づいています。可能であれば、srcリンク上でhttp：//を使用しないでください。

まあ、私はほとんどのonclickの一部は、このスクリプトを使用してiframeのページを変更します行わ：

<script type='text/javascript'> 
     function goTo(){ 
     top.table.location = 'http://localhost/test/home.php; 
     } 
     </script> 

それは次のようにする必要があります：さて、ここで

$dropdownvalue = dropdownselectedtext 
$textvalue = valueoftextbox 

//localhost/test/table.php?$dropdownvalue$textvalue 

それは私の最初の作品です。より良い理解のためにコメントしました。テキストの後に '＃'がある値を意味すると仮定してください。参考のため。

$acct_no = "#LOG_IN_ID OF USER"; 

      echo "<script type='text/javascript'> 
      function goTo(){ 
      top.table.src = '#SOMEURLHERE'; 
      } 
      </script>"; 

      echo "<table border='0' align='center' bgcolor='#ffffff' width='800px'> 
      <tr> 
       <td style='padding-left:30px;padding-top:20px;'> 
        <h3>SELECTION TEST</h3> 
       </td> 
       <td align='right' style='padding-right:30px;' height='120px'> 
        <select name='filter' id='filter'> 
         <option value='fname'>fname</option> 
         <option value='lname'>lname</option> 
         <option value='mname'>mname</option> 
        </select> 
        <input type='text' value='Enter text here' id='textbox'> 
        &nbsp; 
        <input type='button' value='Search' onClick='goTo();'> //this should give me the filters e.g: #SOMEURLHERE.php?#selectedfiltervalue=#textboxvalue 
       </td> 
      </tr> 
      <tr> 
       <td colspan='2' align='center'> 
        <iframe src='table.php?ref=$acct_no' name='table' width='730px' height='300px' frameborder='0'></iframe> 
       </td> 
      </tr> 
      </table>"; 

Answer 1

<script>コンテナをPHP領域外に保管することをお勧めします。

<script type="text/js" language="javascript"> 
    //Your function goes here 
</script 

<?php echo "<form name='someName' action='#'> 
echo "<table border='0' align='center' bgcolor='#ffffff' width='800px'> 
<tr> 
    <td style='padding-left:30px;padding-top:20px;'> 
     <h3>SELECTION TEST</h3> 
    </td> 
    <td align='right' style='padding-right:30px;' height='120px'> 
     <select name='filter' id='filter'> 
    <option value='fname'>fname</option> 
    <option value='lname'>lname</option> 
    <option value='mname'>mname</option> 
     </select> 
     <input type='text' value='Enter text here' id='textbox'> 
     &nbsp; 
     <input type='button' value='Search' onClick='javascript: return goTo(\"this.parent.filter.value, this.parent.textbox.value\");'> //this should give me the filters e.g: #SOMEURLHERE.php?#selectedfiltervalue=#textboxvalue 
    </td> 
</tr> 
<tr> 
    <td colspan='2' align='center'> 
     <iframe src='' name='table' width='730px' height='300px' frameborder='0'></iframe> 
    </td> 
</tr> 
</table></form>";?> 

あなたはあなたの全体のセクションで<form>タグを使用していないので、管理のフィールドは困難です。また、前の記事で定義したjavascriptを試してみてください。

Answer 2

（各値のため）ダウンボックスあなたのドロップでのonclick /のonchangeハンドラでこれを使用してみてください：

javascript: return goto(\"$dropdownvalue\", \"$textvalue\");

そして、あなたが使用することができます

<script type='text/javascript'> 
    function goto(var1, var2){ 
     finLink = "http://localhost/test/table.php?" + var1 + var2 
     top.table.location = finLink; //Not sure if it will be top.table.location or top.table.src 
    } 
</script> 

Answer 3

それを組み込みますこのためのjQuery：

$('#myiframeid').attr('src', 'http://some.url.here');