jQuery .change加载不同的.php文件

Question

我的项目是PHP/MySQL。我正在使用Smarty作为模板引擎。

我在智者文件< select>标签：

maps.tpl -

<script src="http://code.jquery.com/jquery-1.5.js"></script> 
    <form method="post" action="maps.php"> 

     <td colspan="3"> 

      <select id="cmdview" name="cmd"> 
       <option value=""></option> 
       <option value="commdata" {if $cmdOn == "commdata"}selected="true"{/if}>Communications</option> 
       <option value="contacts" {if $cmdOn == "contacts"}selected="true"{/if}>Contacts</option> 
       <option value="enrollment" {if $cmdOn == "enrollment"}selected="true"{/if}>Enrollment</option> 
       <option value="all" {if $cmdOn == "all"}selected="true"{/if}>All Schools</option> 
      </select> 

      <input type="submit" name="doSwitch" value="Submit" /> 

     </td> 

     <div id="append"></div2> 

    </form> 

到目前为止，我的jQuery代码发现其价值选择：

{literal} 

<script> 
$('#cmdview').change(function() { 
    //alert('Handler for .change() called.'); 
     var str = ""; 
     url = "maps_append.php"; 

     $("select option:selected").each(function() { 
      str += $(this).text() + " "; 
      }); 
     $('#append').text(str); 
      }) 
      .change(); 
</script> 
{/literal} 

我需要jQuery来监听“cmdview”的值，然后将该值发布到文件：maps_append.php。我需要该文件.append /。更改当前文件（maps.php/maps.tpl）而不重新加载。

但是，我的jQuery只有一半工作。 jQuery的确找到了我想要传递的值，并且我已经知道它在ID为#append的< .d.i.v。>标记中加载了正确的值。我似乎无法做的唯一的事情就是取值，实际上它张贴到maps_append.php

任何帮助将非常感激！

谢谢！

PS：我觉得变化将是这样的：

这需要更换：

$('#append').text(str); 
     }) 
     .change(); 

像这样的东西：

url = "maps_append.php"; 
    $.post(url, { cmd: cmdview, value: str } , 
     function(data) { 
      var content = $(data); 

      $("#result").append(content); 
     } 
    ); 
    $term_input.val(''); 
}); 

编辑::

我当前的文件是maps.php。我现在已经将其追加maps_append.php使用此代码maps.php：

<script> 
$('#cmdview').change(function() { 
    //alert('Handler for .change() called.'); 
     var str = ""; 
      url = "maps_append.php"; 
     url = "maps_append.php"; 

     $("select option:selected").each(function() { 
      str += $(this).text() + " "; 
      }); 
     $('#append').load(url); 
      }) 
      .change(); 
</script> 

我只需要现在张贴选择变量的值！

建立更紧密还是......请参阅该编辑：

<script> 
    $('#cmdview').change(function() { 
     //alert('Handler for .change() called.'); 
      var str = ""; 
       url = "maps_append.php"; 
      $("select option:selected").each(function() { 
       str += $(this).text() + " "; 
       }); 
      $.post(url, { str: "$cmdOn" } , 
       function(data) { 
        var content = $(data); 
      $('#append').load(url); 
       }) 
       .change(); 

        }); 
    </script> 

现在maps_append.php页面仅追加当我改变了选择标签的价值maps.php。我现在只需要在maps_append.php出现时包含select标签的值。

Answer 1

我不太明白你正在做什么这里的细节 - 所有的代码看起来很好，但该计划似乎有点陌生。

通常情况下，您没有程序更改源。相反，您将代码存储数据存储在数据库中，代码将由数据库驱动以产生不同的输出。

也许这就是你想要的内容做什么 - 它存储在数据库中，并有一个显示它的页面。

---

要加载通过jQuery内容请使用以下

function loadContent(elementSelector, sourceUrl) { 
    $(""+elementSelector+"").load("http://yoursite.com/"+sourceURL+""); 
} 

请参阅此链接：http://frinity.blogspot.com/2008/06/load-remote-content-into-div-element.html