javascript - 如何根据表单值更改div id名称？

Question

我的页面上有几个表单，其中有一个按钮和一个隐藏的输入字段，其中的值已预先设置:

<form action="product.html" method="get">
<fieldset>
<input style="display: none;" type="text" name="RSS" id="RSS" value="RSS" />
<input type="submit" value="Go"/>
</fieldset>
</form>

<form action="product.html" method="get">
<fieldset>
<input style="display: none;" type="text" name="RSS2" id="RSS2" value="RSS2" />
<input type="submit" value="Go"/>
</fieldset>
</form>

一旦他们点击任一表单上的“Go”按钮，它将重定向到product.html页面，其中根据上面的值加载特定的div。

<div id="ID CHANGE TO OCCUR HERE to either be RSS or RSS2"></div>

我的问题是，如何更改该 div 上的 id？ 谢谢

PS:公司服务器上未启用 PHP...所以是的..是的...

Answer 1

如果我理解正确的话，当程序控制转移到product.html时，您希望发现遇到了哪个表单值(即用户单击了哪个表单)。

我无法想象仅使用 HTML 如何做到这一点。这是 PHP 或 ASP .Net 等服务器端语言的工作。

这在 PHP 中非常简单。 请注意，您可以将所有现有的 HTML 文件重命名为 .php(例如，product.php)，它们仍然可以正常工作。

只需将其放在文件顶部 - 事实上，这是完整的文件(只需复制/粘贴到您的服务器进行测试):

产品.php

<?php 

    /*   Below not required, but un-comment to see useful info: 
    echo '<pre>';
    print_r($_REQUEST);
    echo '<pre>';
    */

    if (isset($_REQUEST['RSS'])) {
        echo 'User clicked the RSS form';
    } else if (isset($_REQUEST['RSS2'])) {
        echo 'Sent here by the RSS2 form';
    }

由于处理文件的名称已更改，请记住在尝试此操作之前更改每个表单中的 action= 行:

<form action="product.php" method="get">

<小时/>

说明:

提交表单时，表单元素(输入字段、单选按钮、复选框)将转换为变量并发送到处理文档(action= 中指定的目标文档表单标签的 属性)。

对于每个元素，变量名称是该元素的 name= 属性，变量值是 value= 属性，或者在例如，输入字段，无论用户在按提交之前在字段中输入什么内容。

以 method="Get" 或 method="POST" 发送表单的编程/功能差别很小，但 post 方法更重要安全并且可以传输更多信息，因此我们大多数人都使用它。

最后，在另一端，可以通过三种方式获取变量值(PHP 示例):

 $newvar = $_GET['varname'];  //if method="GET" was used

 $newvar = $_POST['varname'];  //if method="post" was used

 $newvar = $_REQUEST['varname'];  //works for both

<小时/>

如果您需要有关 PHP 的更多帮助，请观看 Alex Garret 的一些免费十分钟视频 the New Boston或点击his own site .