Javascript 如何根据html表单中的下拉选择更改输入名称？

我有一个HTML表单，根据下拉选择更改其表单操作，但输入名称保持不变

这是我的HTML：

<form action="car.php" method="GET">
Select Your Option :
<select onChange="this.form.action=this.options[this.selectedIndex].value;">
      <option value='car.php'>Car Name</option>
      <option value='bike.php'>Bike Name</option>
      <option value='laptop.php'>Laptop Name</option>
      <option value='place.php'>Place Name</option>
      <option value='mobile.php'>Mobile Name</option>
    </select>
Enter your query                 // I want to change this also
<input id="Value" name="Value" type="text">
<button id="submit" type="submit" value="Submit">Submit Query</button>

如果我选择

Bike Name

并输入

Honda

，则值如下传递：

http://www.mywebsite.com/bike.php?Value=Honda

---

我的问题是，我必须在所有5个数据库中将该列命名为“Value”，该数据库存储了所有与此相关的信息，这是我想要避免的

我想，如果我选择

Car Name

并输入

Maruti

，则该值应按如下方式传递

http://www.mywebsite.com/car.php?car=Maruti

http://www.mywebsite.com/bike.php?bike=Honda

如果我选择

Bike Name

并输入

Honda

，则该值应按如下方式传递

http://www.mywebsite.com/car.php?car=Maruti

http://www.mywebsite.com/bike.php?bike=Honda

---

为了实现这一目标，应该对代码进行哪些更改

如果这也能发生，那就很好了，否则没问题

在写入的表单中输入您的查询。我希望这里也发生同样的变化。如果我选择了汽车名称，那么它应该是

enteryourcar

。如果我选择自行车名称，那么它应该是

输入您的自行车

。。。等等

更新

---

我需要一点修改。选择car时，输入名称将更改为car，表单操作将更改为car.php并查询以输入您的car。但是如果我想这样改变名字，我该怎么办？当我选择任何内容时，比如bike，那么表单操作将更改为bike.php，但我希望输入名称不同，比如USY，然后输入bike以输入序列号。我该怎么办？

我建议您不要使用嵌入HTML属性的JavaScript。除此之外，您可以在修改操作的同一

change

处理程序中更改name属性

document.getElementById（'Type'）.addEventListener（'change'，function（evt）{
var type=this.selectedOptions[0]。值；
console.dir（this）；
document.getElementById（'Value'）.setAttribute（'name'，type）；
document.getElementById（'QueryName'）。textContent=type；
this.form.action=type+“.php”；
});

选择您的选项：
车名
自行车名称
笔记本电脑名称
地名
手机名
上车
提交查询

$（文档）.ready（函数（）{
$（“选择”）.change（函数（）{
var str=$（this）.val（）；//在更改时获取选项值
$（“表格”）.attr（“行动”，str）；
var res=str.split（“.”）；
$（“输入”）.attr（“名称”，res[0]）；
});				
});			


选择您的选项：
车名
自行车名称
笔记本电脑名称
地名
手机名
输入您的查询//我也想更改此设置
提交查询
我现在已经更新了代码，并获得了您的确切要求，我希望这将对您有所帮助

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.2.min.js"></script>


<script type="text/javascript">
        $(document).ready(function(){
            $("select").change(function(){
                var str=$(this).val(); // On Change get the option value
                $("form").attr("action",str);
                var res=str.split(".");
                $("#input1").attr("name",res[0]);
                $(".title").html("Enter your "+res[0]+" Name."); // Add this below  $("input").attr("name",res[0]); 
                if(res[0]=='bike')
                {
                    var title2="XYZ";
                    var title3="Serial No";                 
                }
                else if(res[0]=='laptop')
                {
                    var title2="ABC";
                    var title3="Model No";                  
                }
                else if(res[0]=='place')
                {
                    var title2="KLM";
                    var title3="Area";                  
                }
                else if(res[0]=='mobile')
                {
                    var title2="FGH";
                    var title3="Brand";                 
                }
                $("#input2").attr("name",title2);
                $("#input3").attr("name",title3);
                $(".title2").html("Enter your "+title3);

            });             
        });         
    </script>
    <form action="car.php" method="GET">
Select Your Option :
<select value="car.php">
      <option value='car.php'>Car Name</option>
      <option value='bike.php'>Bike Name</option>
      <option value='laptop.php'>Laptop Name</option>
      <option value='place.php'>Place Name</option>
      <option value='mobile.php'>Mobile Name</option>
    </select>
<span class="title2">Enter your Color</span> 
<input name="WER" id="input2" type="text">
<button id="submit" type="submit" value="Submit">Submit Query</button>
</form>


$（文档）.ready（函数（）{
$（“选择”）.change（函数（）{
var str=$（this）.val（）；//在更改时获取选项值
$（“表格”）.attr（“行动”，str）；
var res=str.split（“.”）；
$（“#input1”）.attr（“name”，res[0]）；
$（“.title”）.html（“输入您的”+res[0]+“名称”）；//将此添加到$（“输入”）.attr（“名称”，res[0]）下面；
如果（res[0]=='bike'）
{
var title2=“XYZ”；
var title3=“序列号”；
}
else if（res[0]=“笔记本电脑”）
{
var title2=“ABC”；
var title3=“型号编号”；
}
else if（res[0]=='place'）
{
var title2=“KLM”；
var title3=“面积”；
}
else if（res[0]=“mobile”）
{
var title2=“FGH”；
var title3=“品牌”；
}
$（“#输入2”）.attr（“名称”，标题2）；
$（“输入3”）.attr（“名称”，标题3）；
$（“.title2”）.html（“输入您的“+title3”）；
});             
});         
选择您的选项：
车名
自行车名称
笔记本电脑名称
地名
手机名
输入您的颜色
提交查询
此代码不起作用。每次被选中的时候…还有代码现在正在做的事情，你的代码也想要做同样的事情。我想要达到的目标并不存在！使用inspector查看是否确实选择了
car.php
（如果选择了laptop Name，则也可以选择
laptop.php
）。此外，请注意，
name=“car”
也会发生变化（例如变成
name=“laptop”
）。我承认我忽略了“输入你的…”部分；我马上就修好。谢谢你的回答。您的代码正在根据我的问题运行。。。。我需要的一点修改是。。。。选择car时，输入名称将更改为car，表单操作将更改为car.php并查询以输入您的car。。。。但是如果我想这样改变名字，我该怎么办。。。。？当我选择任何东西时，比如说bike，那么formaction将被更改为bike.php，或者我可以将它从value字段更改为我想要的任何内容。。。我将根据文件进行更改。。。但我想输入的名称是不同的说USY和输入您的自行车输入您的序列号。。。在你的代码中，我应该做什么？你已经更改了输入名称、表单操作并以相同的名称、汽车或自行车等输入你的[查询]。。。。但我希望所有人都不一样。。。与选择car时一样，表单操作应该是mycar.php，输入名称应该是，DFS和查询应该是输入颜色，等等。。。请帮助您的代码不工作。所有内容都传递给car.php，所有选项的值都将更改为car。像这样，如果我输入3，那么对于所有选项，输入您的查询仍然没有更改。我已经为这个问题添加了一些更新。请相应地更改代码…$（“.title”）.html（“输入yo