为了账号安全,请及时绑定邮箱和手机立即绑定

html5中如何通过点击按钮 自动填写表单

html5中如何通过点击按钮 自动填写表单

森栏 2018-06-25 04:04:53
一共有3中填写模板,点第一个按钮,表单自动填写为第一种,点第二个按钮,表单自动填写为第二种,以此类推。求解!!!
查看完整描述

1 回答

?
不负相思意

TA贡献1777条经验 获得超10个赞

可以写一个为表单内元素赋值的方法,三个按钮上面添加点击事件,点击时调用这个赋值方法,但是传的参数不一样,在方法中根据不同的参数,为表单赋不同模板的值。


不知上面是否写的清楚,我写了一个对应的小demo:

<html>

<head>

<title>demo</title>

<script type="text/javascript" src="jquery-1.8.3.js"></script>

<script type="text/javascript">

    function demo(demo){

        if(demo ==1){

            $("#input1").attr("value","这是模板1");

            $("#input2").attr("value",demo);

        } else if(demo ==2){

            $("#input1").attr("value","这是模板2");

            $("#input2").attr("value",demo);

        } else if(demo ==3){

            $("#input1").attr("value","这是模板3");

            $("#input2").attr("value",demo);

        }

    }

</script>

</head>

<body>

    <button onclick="demo(1)">模板1</button>

    <button onclick="demo(2)">模板2</button>

    <button onclick="demo(3)">模板3</button>

    <form>

        <input id="input1" type="text"/>

        <input id="input2" type="text"/>

    </form>

</body>

</html>

以上,希望对你有帮助!


查看完整回答
反对 回复 2018-08-20
  • 1 回答
  • 0 关注
  • 947 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信