jQuery对元素值操作

1.定义和用法

　　val(): 用于获取全部匹配元素的值

　　val(value):用于设置匹配元素的值

　　示例1：文本框设置“hello world”

<body>
    <script type="text/javascript">
        $(document).ready(function(){
            $("input").val('hello world')
            console.log($("div").html())
        })
    </script>
    <input type="text" name="text" id="" value="" />
</body>

　　输出：

 

 　　示例2：单选框选中第二个

<body>
    <script type="text/javascript">
        $(document).ready(function(){
            $('input').val([2])
        })
    </script>
    <input type="radio" name="" id="" value="1" />
    <input type="radio" name="" id="" value="2" />
    <input type="radio" name="" id="" value="3" />
</body>

　　输出：

 

 　　示例3：下拉框默认选择小猫改为小狗

　　　　注意：选几个就要设置几个selected="selected"

<body>
    <script type="text/javascript">
        $(document).ready(function(){
            $("select").val(["小狗"])
        })
    </script>
    <select multiple="multiple">
        <option>小狗</option>
        <option selected="selected">小猫</option>
        <option>小鸟</option>
    </select>
</body>

　　输出：

posted @ 2020-05-09 10:06  abner_pan  阅读(179)  评论(0)  编辑  收藏  举报