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

来源：CSDN

作者：buptMelody

链接：https://blog.csdn.net/viciousDear/article/details/46866945

标签

input

select

jquery

option

placeholder