oninput 一个函数达到控制多个oninput的效果(将本输入框的内容作为参数)【很实用,很实用】

效果
oninput 将本输入框的内容作为参数,将操作对象的输入框作为参数
一个函数达到控制多个oninput的效果
知识点
1.函数封装,传参
2.this的用法
3.getAttribute的用法

效果如图
在这里插入图片描述
关键代码如下

	<tr>
			<td>ID1</td>
			<td>
				<input id="P_PID" oninput="gainPName(this,'NAME1')" />
			</td>

			<td>名称1</td>
			<td>
				<input id="NAME1" />
			</td>
		</tr>

		<tr>
			<td>ID2</td>
			<td>
				<input id="P_FID" oninput="gainPName(this,'NAME2')" />
			</td>

			<td>名称2</td>
			<td>
				<input id="NAME2" />
			</td>

			<td>ID3</td>
			<td>
				<input id="P_MID" oninput="gainPName(this,'NAME3')" />
			</td>

			<td>名称3</td>
			<td>
				<input id="NAME3" />
			</td>
		</tr>


 /**
     * 实时获取ID的人员信息,并且更改对应的输入框的取值
     * @param input  本输入框
     * @param toNameID  另一个输入框的ID
     */
    function gainPName(input,toNameID){
      // console.log(input);   //获取这个输入框的内容
      // console.log(input.getAttribute("ID"));    //获取这个输入框的ID
      // console.log(  $("#"+input.getAttribute("ID")   ).val()  );  //获取本输入框的输入的内容
        $("#"+toNameID).val("未登记");  //赋初值
        var result = gainPersonById(  $("#"+input.getAttribute("ID")   ).val()      );
        if(result.length==0){
            $("#"+toNameID).val("未登记");
        }else{
            if(result.get("flag")){
                    $("#"+toNameID).val(result.get("rs").NAME);
            }else{
                $("#"+toNameID).val("未登记");
            }
        }
    }
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值