Question

我正在尝试将<select>下拉列表中的值传递给HTML DOM innerHTML JS，以便将其写入页面上的div。但是我希望将值传递给PHP include，以便更改在下拉列表更改时传递给div的包含的php内容。

我已经让它将值传递给innerHTML，并将其包装在php include中。因此它会将div写入＆＃39; purple.php＆＃39;而不是文件本身，但当我尝试将其包装在一个包含它时，它会中断。

这是我到目前为止所做的。

感谢您的投入，我搜索无济于事。

<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包含HTML DOM innerHTML

2 个答案: