打印到文本區域

-2

如何使用Javascript預設表格中的值？打印到文本區域

<u><h1>Rabbits vs Foxes Population Model</h1></u> 
    <form name = "Rabbits"> 
    <table border = "3"> 
    <tr><td>No. of Rabbits</td><td><center><input type="number" id="no_rabbits" /></center></td></tr> 
    <tr><td>Death Rates</td><td><center><input type="number" id="death" /></center></td></tr> 
    <tr><td>Birth Rates</td><td><center><input type="number" id="birth" /></center></td></tr> 
    <tr><td>No. of Foxes</td><td><center><input type="number" id="foxes" /></center></td></tr> 
    <tr><td>Rabbit Conditions</td><td> Normal <input type="radio" name="condition" value="normal"> Cold <input type="radio" name="condition" value="cold"> Fires <input type="radio" name="condition" value="fires">Excellent <input type="radio" name="condition" value="excellent"></td></tr> 
    <tr><td> Graph the Rabbits</td><td><input type="checkbox" name="graph" value="answer"></td></tr> 
    <tr><td><button type = "button" onclick="addyear()"> One Year Passes </button></td><td> </td></tr> 
    </table> 
    </form>

來源

2016-11-13 Metro Boomin

預設從源頭什麼什麼樣的價值觀？可能值得花幾分鐘閱讀[問]然後更新與所有相關的細節問題 – charlietfl

哦對不起，這是我的第一個問題。如果我在JavaScript中設置了值。 –

在'javascript'處的''元素中的三個都有一個'.value'集合。 'document.getElementById（「no_rabbits」）。value =「abc'; – guest271314

聲明輸入時您可以設置的值（例如：<input type="number" id="no_rabbits" value="23"/>）或用JavaScript做到這一點和目標使用每個ID的輸入和簡單地設置該值。請注意，我也改變了你的h1結構 - 對於h1應用css規則要好得多，而不是h1的。不知道每個值是什麼 - 只需設置爲1 - 4就可以了。另外addYear函數沒有聲明，因此在點擊時發生錯誤。我也刪除了<center>標籤 - 它們不再被支持，你應該使用CSS來爲所需的td應用居中CSS規則。

另一件事 - 即使這些輸入設置爲type =「number」，它們仍然會返回一個字符串 - 因此您需要解析它們（使用parseInt或parseFloat）以獲取計算的數字。

document.getElementById('no_rabbits').value="1"; 
 
document.getElementById('death').value="2"; 
 
document.getElementById('birth').value="3"; 
 
document.getElementById('foxes').value="4";

h1{text-decoration: underline}

<h1>Rabbits vs Foxes Population Model</h1> 
 
    <form name = "Rabbits"> 
 
    <table border = "3"> 
 
    <tr><td>No. of Rabbits</td><td><input type="number" id="no_rabbits" /></td></tr> 
 
    <tr><td>Death Rates</td><td><input type="number" id="death" /></td></tr> 
 
    <tr><td>Birth Rates</td><td><input type="number" id="birth" /></td></tr> 
 
    <tr><td>No. of Foxes</td><td><input type="number" id="foxes" /></td></tr> 
 
    <tr><td>Rabbit Conditions</td><td> Normal <input type="radio" name="condition" value="normal"> Cold <input type="radio" name="condition" value="cold"> Fires <input type="radio" name="condition" value="fires">Excellent <input type="radio" name="condition" value="excellent"></td></tr> 
 
    <tr><td> Graph the Rabbits</td><td><input type="checkbox" name="graph" value="answer"></td></tr> 
 
    <tr><td><button type = "button" onclick="addyear()"> One Year Passes </button></td><td> </td></tr> 
 
    </table> 
 
    </form>

來源

2016-11-13 01:42:05 gavgrif

哦，我現在看到了，謝謝！ –

歡迎您 - 很高興爲您提供幫助。查看我的答案 - 我已經編輯了，因爲您最後一次查看了這個答案。「接受」複選框，以便其他用戶可以看到它有一個解決方案。Cheers Gav。 – gavgrif

打印到文本區域

回答

相關問題