Re: [問題] 即時改變表單中欄位值
※ 引述《andreli (第一次賭P幣就沒錢)》之銘言：
: 因為我對JavaScript真的不怎麼熟，只會改改東西
: 所以用了一兩個小時，拜託了很久的辜狗大神，還是沒有辦法找到我要的東西
: 只好來拜託大家了。
: 我現在有兩個文字欄位，name分別為num1、num2都位於同個表單中
: 想讓num1+num2永遠都等於100
: 所以我在更改num1的時候，一但focusOut或者MouseOut的時候，
: num2會直接成為100-num1的值。
: 自己想起來很像很簡單，可是沒有JavaScript的基礎不知道怎麼動手
: 希望知道的人可以給我個範例教一下
: (這裡所謂的即時還不用到類似ajax那樣，我先打個2另一個會出現98，接著補成
: 25另一個會變成75。我只想先用用看簡單的，離開欄位才進行確認及變更 ^ ^a
: 不過如果會即時的樣子的話更好，謝謝指導。)
我的解法是用javascript的onChange 這個事件^ ^
<script language="JavaScript">
function change_event(){
var source = window.event.srcElement;
if(source.name=="text1"){
var num1 = source.value;
var num2_obj=document.getElementById("text2");
num2_obj.value= 100 - num1;
}else if(name=="text2"){
var num2=source.value;
var num1_obj=document.getElementById("text1");
num1_obj.value=100- num2;
}
}
</script>
<body>
<input type="text" name="text1" onChange="change_event()">
<input type="text" name="text2" onChange="change_event()">
</body>
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.138.240.58
→
03/25 02:14, , 1F
03/25 02:14, 1F
→
03/25 02:17, , 2F
03/25 02:17, 2F
→
03/25 02:17, , 3F
03/25 02:17, 3F
→
03/25 02:18, , 4F
03/25 02:18, 4F
→
03/25 02:19, , 5F
03/25 02:19, 5F
→
03/25 02:27, , 6F
03/25 02:27, 6F
→
03/25 02:28, , 7F
03/25 02:28, 7F
→
03/25 02:29, , 8F
03/25 02:29, 8F
→
03/25 02:58, , 9F
03/25 02:58, 9F
※ 編輯: TonyQ 來自: 140.138.240.58 (03/25 02:59)
推
03/25 07:41, , 10F
03/25 07:41, 10F
討論串 (同標題文章)
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章