javascript - 将 JavaScript 中的值集成到 HTML 表单中以将其发布到 php 中

Question

我正在创建一个表单，其中有 2 个变量，即“vkey”和“gene+varient”，这是通过 JS 代码获取的。 该值在html表单中正确显示，只是我在提交表单时无法POST该值。 提交表单时如何发布提到的 2 个值？

<form action="acmg_controller.php" method="POST" target="_blank">
    <p>
        Source:
        <select name="source">
            <option value="pubmed">PubMed</option>
            <option value="other">other</option>
        </select>
        PMID:
        <input type="text" name = "pmid" style="width: 80px"> <br>
        <input type="hidden" name="vkey" id="pvkey">
        vkey:
        <script>
            var hashParams = window.location.hash.substr(1).split('&');
            var temVkey = hashParams[2].split('=');
            var vkey = temVkey[1];
            document.write(vkey);
        </script> <br>
        gene+varient
        <input type="hidden" name="genevar">
        <script>
            var hashParams = window.location.hash.substr(1).split('&');
            var temvarient = hashParams[1].split('=');
            var varient = temvarient[1];
            var hashParams_ = window.location.hash.substr(1).split('&');
            var temgene = hashParams_[0].split('=');
            var gene = temgene[1];
            document.write(gene+' '+varient);
        </script> <br>
    </p>        
    <label>Summary:</label> <br>
    <textarea style = "width: -webkit-fill-available;height: 400px" name="text"> 
    </textarea> <br><br>
    <input type="submit" value="Submit">
</form>

Answer 1

您只需将变量设置为等于隐藏字段中的值，例如:

document.getElementById('pvkey').value = vkey;

应该给你:

<form action="acmg_controller.php" method="POST" target="_blank">
    <p>
        Source:
        <select name="source">
            <option value="pubmed">PubMed</option>
            <option value="other">other</option>
        </select>
        PMID:
        <input type="text" name = "pmid" style="width: 80px"> <br>
        <input type="hidden" name="vkey" id="pvkey">
        vkey:
        <script>
            var hashParams = window.location.hash.substr(1).split('&');
            var temVkey = hashParams[2].split('=');
            var vkey = temVkey[1];
            document.write(vkey);
            document.getElementById('pvkey').value = vkey;
        </script> <br>
        gene+varient
        <input type="hidden" name="genevar" id="genevar">
        <script>
            var hashParams = window.location.hash.substr(1).split('&');
            var temvarient = hashParams[1].split('=');
            var varient = temvarient[1];
            var hashParams_ = window.location.hash.substr(1).split('&');
            var temgene = hashParams_[0].split('=');
            var gene = temgene[1];
            document.write(gene+' '+varient);
            document.getElementById('genevar').value = gene+' '+varient;
        </script> <br>
    </p>        
    <label>Summary:</label> <br>
    <textarea style = "width: -webkit-fill-available;height: 400px" name="text"> 
    </textarea> <br><br>
    <input type="submit" value="Submit">
</form>