简单的按钮js事件 用于判断和显示提示
1、简单的按钮js事件 用于判断和显示提示
代码如下:
- <script type="text/javascript" language="javascript">
- $(document).ready(function () {
- $("#btnlogin").click(function () {
- $("#lblInfo").html("");
- var uid = $.trim($("#txtUsername").val());
- var pwd = $.trim($("#txtPassword").val());
- if (uid == "") {
- $("#lblInfo").html("账号不能为空");
- $("#txtUsername").focus();
- return false;
- }
- if (pwd == "") {
- $("#lblInfo").html("密码不能为空");
- $("#txtPassword").focus();
- return false;
- }
- });
- });
- </script>
复制代码
2、下拉列表的处理
代码如下:
- function dropTypeChange()
- {
- var sel = $("#<%=dropType.ClientID %> option:selected").val();
- if(sel=="-1")
- {
- $("#<%=txtNo.ClientID %>").attr('disabled',true);
- }
- else
- {
- $("#<%=txtNo.ClientID %>").attr('disabled',false);
- }
- }
复制代码
- //获取第一个option的值
- $('#test option:first').val();
- //最后一个option的值
- $('#test option:last').val();
- //获取第二个option的值
- $('#test option:eq(1)').val();
- //获取选中的值
- $('#test').val();
- $('#test option:selected').val();
- //设置值为2的option为选中状态
- $('#test').attr('value','2');
- //设置第一个option为选中
- $('#test option:last').attr('selected','selected');
- $("#test").attr('value' , $('#test option:last').val());
- $("#test").attr('value' , $('#test option').eq($('#test option').length - 1).val());
- //获取select的长度
- $('#test option').length;
- //添加一个option
- $("#test").append("<option value='9'>ff</option>");
- $("<option value='9'>ff</option>").appendTo("#test");
- //添除选中项
- $('#test option:selected').remove();
- //指定项选中
- $('#test option:first').remove();
- //指定值被删除
- $('#test option').each(function(){
- if( $(this).val() == '5'){
- $(this).remove();
- }
- });
- $('#test option[value=5]').remove();
- //获取第一个Group的标签
- $('#test optgroup:eq(0)').attr('label');
- //获取第二group下面第一个option的值
- $('#test optgroup:eq(1) :option:eq(0)').val();
复制代码
|