使用jQuery .change()更改<p>元素中的值</p>

时间:2011-06-14 17:27:01

标签: php jquery

我有一个选择元素,其中有几个货币选项,然后是底部的<p>元素,目前将美元的当前汇率打印到另一种货币。我正在尝试做的是,在select元素值的.change()上,我想将select元素的值插入到PHP脚本中,然后重新.load() <p> } element。

如何将jQuery .val()中的值传递给PHP脚本?

3 个答案:

答案 0 :(得分:4)

您可能需要以下内容:

$('select').change(function() {
    $('p').load('/path/to/script.php?myVar=' + $(this).val());
});

当然,您可能希望使用更具体的选择器。

答案 1 :(得分:1)

使用Ajax。这是一个如何使用JQuery执行此操作的示例:

$('#selectElement').change(function(){
   var currentSelection = $('#selectElement').attr('value');
   $.get('yourScript.php?selection=' + currentSelection, function(data){
      $('#pElement').html(data);
   })
});

或类似的东西。未经测试。

答案 2 :(得分:1)

jQuery('#mySelect').change(function(){
      jQuery.ajax({
             url:'myPhpFile.php'
             type:'get'
             data:{currencyId:jQuery(this).val()},
             success:function(data)
             {
               jQuery('#myDiv').html(data);
             }
      });      
});