Jquery应用——.val()

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);