form 表单和 jQuery HTML / CSS 方法（$().html 类似的样式）

佚名 6年前 (2019-04-16) 随笔 1391人围观抢沙发百度已收录

1 有关链接：http://www.runoob.com/tags/tag-form.html

　　　　　　https://www.cnblogs.com/Jxwz/p/4509618.html

SRE实战互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

　　　　　　https://www.cnblogs.com/xiaoniuzai/p/6885199.html

html：　

<!DOCTYPE html>
<html lang="en">
<head>
　　<meta charset="UTF-8">
　　<title>Title</title>
</head>
<body>
　　//<form method="post" id="dataForm" action="{{u('admin/polling/test')}}">
　　<form method="post" id="dataForm">
　　　　<input type="text" name="username" id="name"/>
　　　　<input type="password" name="password" id="pwd"/>
　　　　<input type="submit" value="登陆"/>
　　</form>
</body>
</html>

control：

public function testAction(){
var_dump($_POST);die;
var_dump(111);die;
}

其实form 传输数据很容易的，只是我一开始就是用ajax。。。然后一直纠结为什么不加url ，其实form 表单传输是可以不需要URL，它会自动传输到对应的控制器

var $name = $("#name").val;

$.ajax({
            url: '{{u("admin/XXX/XXX")}}',
            type: 'GET',
            dataType: 'JSON',
            data: {name: $name},
        })

</script>

后台获取：$t = $this ->request->get(“name”);

$().html()l类似的方法：

http://www.runoob.com/jquery/jquery-ref-html.html

拓展：

1 jQuery event.target 属性：和this 作用差不多吧。。（有关博客：https://blog.csdn.net/wangqing84411433/article/details/75269742

　　　　　　　　　　　　　　　　　　　　　　　　　　官网：http://www.runoob.com/jquery/jq-event-target.html ）

具体代码：

<div class="col-xs-3">
<select name="person" class="form-control required" onchange="staffSelect(event)">
{%if !alarmData%}
<option value="">请选择任务人员</option>
{%else%}
<option value="{{person['id']}}">{{person['person_name']}}</option>
{%endif%}
</select>
</div>

function staffSelect(event) {
var $tem = $(event.target);
var v = $tem.val(); //person['id']
}