1.获取input[type=text]输入框的值
<input type="text" class="input_text" id="moviename">
$("#moviename").val();//直接获取就可得到
2.获取span或p里的文本
有时我们会遇到替换文本的情况,而文本一般是写在p或者span标签里的。
<div class="line clearfix">
<p>新建案例</p>
</div>
var text1 = $(".line ").val();//直接获取
alert(text1); //获取的值为空
这是为什么呢?如果了解JS原理会发现,p节点此时 value值为空。
而 要获取p里面的值应该用 text();
var text2 = $(".line ").text();//获取p里的text文本
alert(text2); //就可以得到text值
3.获取input[type=checkbox]输入框的值
<div>
<input class="name" type="checkbox" value="姓名" />姓名
<input class="sex" type="checkbox" value="性别"/>性别
<input class="age" type="submit" value="年龄" /> 年龄
</div>
var text = $(".name").val();//获取chekbox里的值
alert(text); //就可以得到checkbox的值
4.获取select下拉框的值
<select name="" id="movieschedule">
<option class="schedule" value="贺岁档期">贺岁档期</option>
<option class="schedule" value="情人节档期">情人节档期</option>
<option class="schedule" value="清明节档期">清明节档期</option>
</select>
var text = $('#movieschedule').val();
alert(text);
//记得要给value赋值,否则无法获取value的值,下面是赋值方法
$('#movieschedule').attr('value','档期');
5.获取input[type=date]输入框的值
<label for="moviedate">上映日期</label>
<input type="date" class="form_baseinfo_control" id="moviedate" value="{$paramList.date}">
//下面是给输入框赋值,赋值后可以通过.val()获取date的值
$("#moviedate").change(function(){
$("#moviedate").attr("value",$(this).val());
});
//获取输入框的值
var date = $('#moviedate').val();
alert(date);