Question

我想在没有页面刷新的情况下在div标签上显示PHP脚本的结果。我有一个.c文件列表（用户可以在服务器上编译它们）......

<option value="" selected="selected">Choose file </option>';

                    $dirPath = dir('directoryExample');
                    while (($file = $dirPath->read()) !== false)
                        {
                            if ($file == '.' || $file == '..') continue;
                            echo "<option value=\"" . trim($file) . "\">" . $file . "\n";
                        }
                    $dirPath->close();
                    echo '</select>

...还有两个这样的div和按钮：

<div id="2" style="display:none;">  </div>
<div id="1" style="display:visible;"> Compile...</div>
<button type="button" onclick="codiad.ccomp.compile(this.value);">Compile</button>

第一个问题：如何将选定的文件传递给JQuery函数？ this.value工作正常吗？

这是Jquery函数：

compile: function(value) {

            if(($('#1').css('display')!='none')){
                    $('#2').load(this.path+'\compile.php').show().siblings('div').hide();
            }else if($('#2').css('display')!='none'){
                    $('#1').show().siblings('div').hide();
                }

    }

代码工作正常，但这是第二个问题：我怎样才能将值传递给php页面？

提前致谢！

Answer 1

您可以将数据参数传递给.load()。

$('#2').load(this.path+'/compile.php', { file: $("#selectID").val() })
    .show().siblings('div').hide();

在PHP脚本中，使用$_GET['file']获取所选文件名。

Answer 2

我不认为在您的第一个问题中this.value会正常工作，因为this指的是按钮，而不是select元素。

相反，你需要这样的东西：

$('#your_select_element').val();

您可以删除内联JavaScript并使用以下内容：

$('button').on('click', function() {
  // do something with `$('#your_select_element').val();`
  ...
}

假设有一个按钮，您可能需要添加一个类或ID来专门解决它。

正如其他答案所述，您可以向.load()函数添加数据参数。

如何将值传递给JS函数，然后传递给PHP脚本

2 个答案: