jquery对单选框,多选框,文本框等常见操作小结(2)

$("#grade option[value='0']").attr("selected","selected");//默认第一项被选中
    })
    //为Select添加事件,当选择其中一项时触发
    function showIt(){
        var selectText = $("#grade option:selected").text();//获取Select选择的Text
        //var selectText = $("#grade").find("option:selected").text();//这种方式也可行
        var selectValue = $("#grade").val();//获取被选择的value
        var selectIndex = $("#grade").get(0).selectedIndex//获取select的索引值
        var text = '选择:'+selectText+"\n";
        text +='value值:'+selectValue+"\n";
        text +='索引值:'+selectIndex;
        $("#text").text(text);
    }
</script>
</head>
<body>
    <div>
        <select onchange="showIt()"></select>
        <p><textarea row='30' col='100'></textarea></p>
    </div>
</body>
</html>

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wdwyxf.html