作者pico2k (風月)
看板Web_Design
標題Re: [問題] 即時改變表單中欄位值
時間Sat Mar 25 09:12:01 2006
※ 引述《andreli (第一次賭P幣就沒錢)》之銘言：
: 因為我對JavaScript真的不怎麼熟，只會改改東西
: 所以用了一兩個小時，拜託了很久的辜狗大神，還是沒有辦法找到我要的東西
: 只好來拜託大家了。
: 我現在有兩個文字欄位，name分別為num1、num2都位於同個表單中
: 想讓num1+num2永遠都等於100
: 所以我在更改num1的時候，一但focusOut或者MouseOut的時候，
: num2會直接成為100-num1的值。
: 自己想起來很像很簡單，可是沒有JavaScript的基礎不知道怎麼動手
: 希望知道的人可以給我個範例教一下
: (這裡所謂的即時還不用到類似ajax那樣，我先打個2另一個會出現98，接著補成
: 25另一個會變成75。我只想先用用看簡單的，離開欄位才進行確認及變更 ^ ^a
: 不過如果會即時的樣子的話更好，謝謝指導。)
我是用onBlur事件來處理.
以下是sample code.
<html>
<body>
<input type=text name="txt1" size="3" onblur="OnBlur()"></input>
<input type=text name="txt2" size="3"></input>
</body>
<script language="javascript">
function OnBlur()
{
var sum = 100;
txt2.value = sum - parseInt(txt1.value);
}
</script>
</html>
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 61.71.65.178