表单元素与js的交互

一、关于焦点的事件
1.获取焦点 onfocus
2.失去焦点 onblur

二、关于值的变化
1.onchange事件
当前元素失去焦点并且元素的内容发生改变而触发此事件
2.实时监测值得变化（试想，没有测试过）
1）获取到输入元素，用键盘的onkeydown 事件实时监测 值得的变化
2）当输入元素获取到焦点时，触发一个检测value的定时器，实现输入元素值的变化

三、radio，checkbox，select和js的交互
1.radio、checkbox 的选中原理是在html中添加checked=”checked”属性，那么获取/设置它们的选中就是遍历这些元素，设置/查找具有checked属性的元素
2.select的选中原理是在option内添加selected=”selected”属性，那么获取或设置他们的值的原理也和上面的方法一样

四、通过jQuery设置/获取radio，checkbox，select的选中
重点是熟练使用jQuery的选择器
1.在一个表单中我们要获取被选中的那个radio项的值，所以要加checked来筛选，方法如下：

$('input[name="testradio"]:checked').val();2、$('input:radio:checked').val();3、$('input[@name="testradio"][checked]');4、$('input[name="testradio"]').filter(':checked');

jQuery的遍历方法 each

$('input[name="testradio"]').each(function(){2.alert(this.value);3.});

2.在一个表单中我们通常是要获取被选中的那个checkbox值，所以也是要加checked来筛选，方法如上。
注意多选时，提取出来是一个数组，要获取它们的value值时，利用遍历的方法提取value值

3.select在jQuery下获取/设置选中
1).value值
获取 $( “select”).val()
设置

 $(".selector").find("option[value='pxx']").attr("selected",true);

2)text值
获取 $(“select”).find(“option:selected”).text();
设置 循环 +判断

select的级联操作，即第二个select的值随着第一个select选中的值变化。
原理：在第一个没有选择的时候，第二个没值。
在第一个选择完成后，清空第二个select的option，然后设置新的option的数据。

    <select name="" id="select1">    <option value="0">0</option>    <option value="1">1</option>    <option value="2" selected="true">2</option>    <option value="3">3</option>    <option value="4">4</option></select><select name="" id="select2"></select><script>   $("#select1").change(function(){       $("#select2").empty();       //具体业务中利用循环 设置数据 最后统一添加到 第二个select中       var option = $("<option>").val(1).text("pxx");       $(".selector2").append(option);   })</script>