2015-10-16 58 views
-2

在這個程序中,我想在其他教科書中顯示答案,一旦教科書中包含一個值被點擊。我也想這樣做,而不使用計算按鈕。使用javascript改變文本框的值點擊

所以我試圖實現這一點,但失敗了。

function mm() { 
 

 

 

 
    if (isNaN(document.getElementById("m"))) { 
 
    console.log("Null"); 
 

 

 
    } else { 
 
    console.log("OK"); 
 

 
    var x = document.getElementById("m").value; 
 
    var y = x * 1000; 
 

 
    document.getElementById("mm")[0].innerHTML = y; 
 

 

 
    } 
 

 
} 
 

 
function m() { 
 

 

 
    if (isNaN(document.getElementById("mm"))) { 
 
    console.log("Null"); 
 

 
    } else { 
 

 
    console.log("OK"); 
 
    var x = parseInt(document.getElementById("mm").value); 
 
    var y = x/1000; 
 
    document.getElementById("m")[2].innerHTML = y; 
 

 
    } 
 

 

 
}
<div> 
 
    <table> 
 
    <tr> 
 
     <td>mm</td> 
 
     <td> 
 
     <Input type='text' name='mm' onclick="mm();" /> 
 
     </td> 
 
    </tr> 
 

 
    <tr> 
 
     <td>m</td> 
 
     <td> 
 
     <Input type='text' name='m' onclick="m();" /> 
 
     </td> 
 
    </tr> 
 

 
    </table> 
 
</div>

+0

教科書?你的意思是文本塊或文本輸入或textarea? – user2182349

+0

我想你可能想要做一些像http://stackoverflow.com/questions/6458840/on-input-change-event –

+0

@ user2182349:D文本框 – rama41222

回答

2

所以最後我能得到我的代碼使用的輸入事件的工作。

function mm(p) { 
 

 

 

 

 

 
    console.log("OK"); 
 

 
    var x = p; 
 
    var y = x * 1000; 
 

 
    document.getElementById("mm").value = y; 
 

 

 

 
} 
 

 
function m(p) { 
 

 

 
    console.log("OK"); 
 
    var x = p; 
 
    var y = x/1000; 
 
    document.getElementById("m").value = y; 
 

 
}
<table> 
 
    <tr> 
 
    <td>m</td> 
 
    <td> 
 
     <Input type='text' id='m' oninput="mm(this.value);" /> 
 
    </td> 
 
    </tr> 
 

 
    <tr> 
 
    <td>mm</td> 
 
    <td> 
 
     <Input type='text' id='mm' oninput="m(this.value);" /> 
 
    </td> 
 
    </tr> 
 

 
</table>