通过URL查询进行表单控制

时间:2017-02-17 04:22:09

标签: javascript jquery html forms button

我对按钮控件和表单控件有疑问。所以,我想根据点击的按钮在表单的字段内显示数据。

例如:

点击按钮1 - >在表单中显示文本字段,其中包含"您单击按钮1" 单击按钮2 - >显示表单内的文本字段,其中包含"您单击按钮2"。

也许有人可以举个例子 谢谢。

1 个答案:

答案 0 :(得分:1)

只需使用jquery并捕获所有按钮单击事件并获取单击按钮的名称,并将值设置为msg文本,如下所示。

$('button').click(function()
{
   $('#msg').val("you clicked " +$(this).attr('name'));

})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form action="" >

 msg : <input type="text" name="msg" id="msg" >
<button name="button1" id="button1"  >button1</button>
<button name="button2" id="button2" >button2</button>

<span id="msg"> </span>
</form>