val()使用

 

<select id="everyPageCount">
    <option value="五">5</option>
    <option >10</option>
    <option >15</option>
</select>



<button id="btnFirst" class="btn" >首页</button>
<button id="btnUp" class="btn">上一页</button>
<span id="tr"></span>
<button id="btnDown" class="btn" >1</button>
<button id="btnLast" class="btn" value="B">2</button>

<script>
$(function () {
$(".btn").click(function () {
var a = $("#everyPageCount").val();
console.log(a)

var b = $(this).val()
console.log(b)
})

})

</script>

 

当option选择在5时:

点击1显示结果:

    五   

 (没有值)

 

点击2显示结果:

    五

    B    

当option选择在10时:

点击1显示结果:

    10   

 (没有值)

 

点击2显示结果:

    10

    B    

 

结论:有些标签不写value属性时输出标签里面的值 写上value属性则输出value值