PHP / AJAX - 动态文本框值

时间:2011-03-01 16:12:15

标签: php jquery ajax

我无法弄清楚某人建议的某些代码,并希望有人可以解释一下,或者建议更容易。

我有3个文本框需要填充来自MySQL数据库的动态数据,显示的数据取决于用户在选择下拉框中单击的内容。

我的代码如下:

<script type="text/javascript">
 jQuery(function( $ ){    
  $("select").change(function(e) {  
   $(".temp").load(\'index.php?parameter1=\'+ $(this).val(), , function() {
    $(".textbox1").val($(".temp1").text());
   });
  });
 });
</script>

我不太确定如何使用javascript,所以我不确定这是如何工作的,以及哪些代码会进入index.php文件?

非常感谢任何帮助。

干杯

2 个答案:

答案 0 :(得分:0)

是的,这是来自我,这很简单。

前两行只是初始化,无需永远改变。

3rd是“select”的更改触发器,因此当selectbox更改其值时,将执行此函数内的所有代码。使用类或id(.x,#x)会更好,但在你的例子中没有给出。

第4行在这种情况下加载给定网址的内容,例如:“index.php?parameter1 = USA”到具有类temp的元素(div或其他)中。

最后在第5行,这个临时加载的内容将使用类texbox1在文本框中进行复制。

为此,您需要包含jquery文件,如下所示:

<script src="jquery-latest.js" type="text/javascript"></script>

还必须有:给定的选择,带有类textbox1的文本框和带有类temp的div(隐藏)

在index.php(或将其命名为textboxvalues.php ...无论如何)中,您只需回显您希望在文本框中拥有的值。您可以使用开关或if用于参数(用于不同的文本框)并从数据库中获取值,或者您想要的。您甚至可以为每个文本框使用不同的php文件。无论你想要什么。

答案 1 :(得分:0)

好的,我建议您稍微清理一下代码:

<script type="text/javascript">
$(document).ready(function(){
    $("select").change(function(e) {
        var url = 'index.php?paremeter1=' + $(this).val();
        $(".textbox1").load(url);
    });
});
</script>

最终你应该将$(“select”)更改为$(“。select”)或$(“#select”)。