日度归档:2020年9月10日

javascript 如何使用js使指定标签(文本框)获取焦点呢?


摘要:
下文讲述js代码为特定标签获取焦点的方法分享,如下所示;

实现思路:
    使用DOM.focus()即可让指定标签获取焦点

例:
点击按钮后,让 “用户名” 文本框获取焦点

<meta charset="UTF-8">
<p>
maomao365.com<br />
js按钮点击,将焦点定位至指定标签上
</p>
<style>
 input{
   margin:10px;
   width:90%;
   height:30px;
   
   /*设置圆角*/
   border-radius:1px;
}

button{
  margin:10px;
}
</style>
<script>
	window.onload = function(){
     var b =document.getElementById("btn");
      b.onclick =function(){
	    document.getElementById("userName").focus();
      }

	}
</script>

<button id="btn"> 
焦点定位
</button>
<hr />


<input id="userName" placeholder="用户名" />

<input id="pwd" placeholder="密码" />
javascript使用js代码为指定标签获取焦点的示例分享

javascript使用js代码为指定标签获取焦点的示例分享

jquery如何为input标签设置可编辑属性呢?


摘要:
下文讲述jquery为input标签设置disabled和移除disabled的方法分享,如下所示;

在前端开发中,input设置为disabled不可用状态,是我们常用的操作,
那么jQuery如何实现这一需求呢?下文将一一道来,如下所示:

实现思路:
  设置disabled属性 
     input变为不可编辑
    $('#txtTest').attr("disabled",true);
    $('#txtTest').attr("disabled","disabled");
  
  移除disabled属性
    input设置为可编辑
    $('#txtTest').attr("disabled",false);
    $('#txtTest').removeAttr("disabled");
    $('#txtTest').attr("disabled","");

注意事项:
   input设置为不可编辑属性后,form表单将不会将input中的数据提交给后台

html中如何在select下拉标签中使用超链接a标签呢?


摘要:
下文讲述select标签下拉选项改变时候进行页面跳转的方法分享,如下所示;

在一些网站上,我们经常可以看见一个下拉框,下面有很多网址,
当我们下拉选择一个网址时,页面自动打开对应的网址,那么这种需求如何实现呢?
下文将通过举例的方式讲述其实现方法,如下所示:

实现思路:
    1.将待跳转的url放入到select的option value中
    2.在select上加入onchange事件进行跳转

例:
select 下拉跳转页面或弹出页面

<meta charset="UTF-8">
<p>
maomao365.com<br />
select下拉选项改变时,页面跳转
</p>


<select id="" onchange="window.location=this.value">
    <option>跳转</option>
    <option value="http://www.maomao365.com">猫猫教程</option>
    <option value="http://www.linux28.com">二八年华</option> 
</select>
<hr />


<select id="" onchange="javascript:window.open(this.value,'_blank');">
    <option>跳转</option>
    <option value="http://www.maomao365.com">猫猫教程</option>
    <option value="http://www.linux28.com">二八年华</option> 
</select>