ajax請求 input輸入文字顯示對應的值

2021-07-25 14:54:00 字數 907 閱讀 3600

今天開啟電腦,朋友說幫忙解決個bug

實現input1框輸入文字,input2顯示input1的val();

心想呀這還不簡單,不就是獲取1的val()然後賦值給2不就ok了嗎?有難度?瞬間懷疑他的水平是不是倒退了

然而並沒有那麼簡單

要達到的效果是:通過ajax資料請求,input1中輸入data資料中的key值,input2顯示對應的value值

data資料:

結構:

我最初的構想:

$(".input1").blur(function () ,

error:function ()

});});

但是遇到了問題:

console.log(res.input);   顯示為undefined
瞬間就憂傷了呢

當然啦,肯定會有解決方案的

廢話不多說,直接上**:

success:function(res)}},

通過判斷input1的val()是不是等於data資料中的key,然後賦值給input2的val();

最佳解決方案:

$(".input2").val(res[input]);
是不是豁然開朗了呢

最終效果圖:

input文字框輸入限制

1.文字框只能輸入正數數字,且最長2位小數 oninput var p2 parsefloat value tofixed 2 value p2 0?0?test value value p2.replace 0 replace 0 2.文字框只能輸入正數數字 oninput value value...

js校驗input輸入文字框

js各種驗證文字框輸入格式 正規表示式 不能為空 只能輸入英文和數字 判斷字元由字母和數字,下劃線,點號組成.且開頭的只能是下劃線和字母 a za z w g.test str 只能輸入數字 只能輸入中文 只能輸入英文 只能輸入中文 英文 數字 符號和.符號 只允許輸入英文,且不能貼上也無法彈出貼上...

禁止input文字框輸入實現屬性

今天想總結幾個很有用的html標籤,開發中經常用到,不熟悉的人可能還真不太清楚,分別是 readonly disabled autocomplete readonly表示此域的值不可修改,僅可與 type text 配合使用,可複製,可選擇,可以接收焦點,後台會接收到傳值.disabled表示禁用i...