Динамическое изменение содержимого src iframe

Question

Я делаю страницу, которая выполняет поиск. Чтобы сообщить о том, что у меня есть страница входа, которая направит вас на другую страницу (скажем, домашняя страница) Эта страница содержит 1 раскрывающийся список (и), 1 текстовое поле, 1 кнопку и 1 iframe, который содержит страницу, где я мой стол. Теперь у меня есть список пользователей, который отображается в этой таблице с заголовком firstname, lastname и middlename, на котором все данные отображаются при запуске. Теперь я выбрал первое имя из раскрывающегося списка, а затем введите свое имя, которое должно результат для фильтра для тех, кто имеет то же имя, что и мое. Я использовал фильтр на моей странице таблицы, в котором я добавляю параметры, например. //localhost/test/table.php?fname=test

Теперь дело в том, что iframe должен быть единственным, который изменит настройку моей домашней страницы. Теперь iframe src будет изменен по клику на основе того, что я выбрал в раскрывающемся списке, как я уже сказал, без использования формы submit, и значение будет основано на тексте в текстовом поле. А также, если это возможно, без использования http: // по ссылке src.

Ну я почти закончил часть 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');