2014-01-23 33 views
0

我剛剛開始編程課,我被教授分配了幾個任務(他看起來非常懶惰,只是給了我們任務,我們把它們交給他們),而我難倒了其中的一些。使用Javascript中的值切換HTML框中的值

第一個問題是在兩個框中輸入兩個值,並且當按下按鈕時,兩個內容會切換位置。我遠遠絆倒

<hmtl> 
<body> 
<script> 
    a = document.getElementById("boxone"); 
    b = document.getElementById("boxtwo"); 

    i=a 
    a=b 
    document.write(i); 
    document.write(a); 
<script> 

<input type="text" name="boxone" value=""><br> 
<input type="text" name="boxtwo" value=""><br> 
<input type="submit" value="Submit"> 


</body> 
</html> 

我知道公式是錯誤的,因爲它不工作,我想我可能已經做的HTML錯誤藏漢之前得到這個。

我也有另一個問題,有兩個盒子,我需要輸入一個華氏度,一旦我點擊攝氏量應顯示在另一個。

如果有人知道如何解決這些請reply.Thank你

+1

你的第一個錯誤是'':P –

+1

_he似乎很懶惰,只是給我們的任務,我們把他們back_。這不是它總是如何工作嗎?我建議在HTML和JavaScript的課程。 – putvande

+0

@putvande通常有一些混合在一起的講座。 – Barmar

回答

3

您需要使用value屬性來獲取或設置框的值。你還需要將你的代碼放入一個函數中,這樣你就可以將它作爲一個點擊處理程序附加到按鈕上。

而您需要在<input>元素中使用id,而不是<name>(後者僅在提交表單時需要)。

<script> 
function switchValues() { 
    a = document.getElementById('boxone').value; 
    b = document.getElementById('boxtwo').value; 

    document.getElementById('boxone').value = b; 
    document.getElementById('boxtwo').value = a; 
} 
</script> 

<input type="text" id="boxone" value=""><br> 
<input type="text" id="boxtwo" value=""><br> 
<input type="submit" onclick="switchValues()"> 

DEMO

+1

而OP的輸入字段沒有ID,而是有名字。 – putvande

+0

即將解決這個問題,我在創建小提琴時注意到了它。 – Barmar

+0

感謝一百萬人,讓我整整一週:D – user3140981