JS下拉框改变的同时改变form表单的action路径

最近琢磨一个网页的时候,需要这种功能,虽然代码比较简单,但个人觉得比较实用,所以在这里特意记录一下。

Emm…

//<------JS代码------>

<script>

function change(){

var selectValue=

document.getElementById('php').value;

document.forms[0].action=selectValue;

} 

</script>

//<------HTML代码------>

<form action="s.php" method="get" name="form">

<input type="text" name="id">

<select id="php" onchange="change();">

<option value="s.php" selected>action为s.php</option>

<option value="z.php">action为z.php</option>

<option value="x.php">action为x.php</option>

</select>

<button type="submit">提交</button>

</form>

代码仅作为演示,细节部分请按照自己的需求修改。

点赞
  1. 荣耀说道:

    前排占楼 :neutral:

    1. 好好丶说道:

      反手一手榴弹,Boom~

发表评论

电子邮件地址不会被公开。 必填项已用*标注