将表单值传递给 PHP include inside HTML DOM innerHTML

Question

我试图将 <select> 下拉列表中的值传递到 HTML DOM 内部 HTML JS，因此它被写入 div在页面上。但是，我希望将值传递到 PHP 包含中，以便它更改包含的 php 内容在下拉列表更改时传递到 div 中。

我已经让它工作，将值传递到内部 HTML w/o 并将其包装在 php 包含中。所以它将写入 div 作为 'purple.php' 而不是文件本身，但是当我尝试将它包装在包含中时它会中断。

这就是我到目前为止所得到的。

感谢输入，我已经搜索无果。

<script>
function gift(value)
    {
       document.getElementById("gift_post").innerHTML=('<?php echo include (value);?>');
    }
</script>

<form action="" method="post">
    <select name="slct" id="name" onchange="gift(this.value)">

        <option value="" selected="selected"> Select </option>
        <option value="purple.php"> purple </option>
        <option value="green.php"> green </option>
        <option value="blue.php"> blue </option>
    </select>
</form>


<div id="gift_post"></div>

Answer 1

function gift(value)
{
  document.getElementById("gift_post").innerHTML=('<?php echo include (' + value + ' ); ?>');
}

Answer 2

谢谢@O.Rares 在你的帮助下我才弄明白了。由于 .php 在值中，因此我将其从您建议的内容中删除，因此不需要将其传递给 var。这样就可以剥离了。然后，如果我要使用 .load() 函数而不是 php_include，我不必担心将 .php 注入 innerHTML 函数，因为它可以直接与表单值一起传递。所以我结束了这个并且它工作得很好。（注意：由于进一步的 Wordpress 冲突，'$' 已更改为 'jQuery'。）

<script>

function gift(value){
    jQuery("#gift_post").load(value); 
}

</script>



<form action="" method="post">
    <select name="slct" id="name" onchange="gift(this.value)">

        <option value="" selected="selected"> Select </option>
        <option value="purple.php"> purple </option>
        <option value="green.php"> green </option>
        <option value="blue.php"> blue </option>
    </select>
</form>


<div id="gift_post"></div>

将表单值传递给 PHP include inside HTML DOM innerHTML

Passing form Value into PHP include inside HTML DOM innerHTML

javascript

forms

ajax

innerhtml

php-include