select 与submit关联

yiyiyayalili 2011-08-02 07:59:18

问题如题不知表达又没有问题反正就在网页制作中实现 select选项选定后submit提交超链接到相对应的页面

...全文

126 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

豆虫 2011-08-02

打赏
举报

监听元素的onchange事件 change了就提交form
借用北北的代码

<form action="#" method="post" id="form1">

    <select id="sel">

        <option value="">--请选择--</option>

        <option value="http://www.baidu.com">百度</option>

        <option value="http://www.sina.com">新浪</option>

    </select>

</form>

<script>

    document.getElementById('sel').onchange =function(){

        var value =this[this.selectedIndex].value;

        

        document.getElementById('form1').action = value;

        document.getElementById('form1').submit();    

    };

</script>

碧海情天-赵亮 2011-08-02

打赏
举报

很糟糕的需求，误选岂不麻烦?

乌镇程序员 2011-08-02

打赏
举报

表达确实有问题啊...你的意思是想要通过下拉列表来动态设置提交表单的目标URL(action属性)吗？

MuBeiBei 2011-08-02

打赏
举报

哥们要是OK的话，别忘结贴。。。你都0了。。。

MuBeiBei 2011-08-02

打赏
举报

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>



<body>

<form action="#" method="post" id="form1">

	<select id="sel">

    	<option value="">--请选择--</option>

    	<option value="http://www.baidu.com">百度</option>

        <option value="http://www.sina.com">新浪</option>

    </select>

</form>

<script>

	document.getElementById('sel').onchange =function(){

		var value =this[this.selectedIndex].value;

		

		document.getElementById('form1').action = value;

		document.getElementById('form1').submit();	

	};

</script>

</body>

</html>