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

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()函数中。