jQuery获取input值、select值、select文本

使用jQuery时如果不能区分jQuery对象和Dom对象，会常常它们对应的方法，笔者在工作过程中也是常常查阅资料加深记忆。

jQuery获取input值：

对应的html代码

<input id="input_example" type="text"  placeholder="此input example 用来获取input的value值"/>

对应的jQuery代码

var input_value = $('#input_example')[0].value;

jQuery获取select值

对应的html代码

<select id+"select_example>
<option value="option_value_1">option text 1</option>
<option value="option_value_2">option text 2</option>
<option value="option_value_3">option text 3</option>
</select>

对应的jQuery代码

var select_value = $("select_example").val();

jQuery获取select文本

对应的html代码

<select id+"select_example>
<option value="option_value_1">option text 1</option>
<option value="option_value_2">option text 2</option>
<option value="option_value_3">option text 3</option>
</select>

对应的jQuery代码

var select_value = $("select_example").find("option:selected")text();

既然在第一个例子中提到了input值的placeholder属性，在此也复习一下设置placeholder值的颜色，目前因为浏览器兼容问题，还需要注明浏览器问题

对应的css代码为：

::-webkit-input-placeholder { /* WebKit browsers */
color: #CA95AB;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #CA95AB;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #CA95AB;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #CA95AB;
}