我有一個問題,我不知道如何<select><option> </option></select>從這里的單選按鈕中讀取存盤的值,我的代碼包含 js 和 html
function inport(){
var name = document.getElementById("name").value;
var index = document.getElementById("index").value;
var phone = document.getElementById("phone").value;
var grade = document.getElementById("grade").value;
var session = document.getElementById("session").value;
console.log(name);
console.log(index);
console.log(phone);
console.log(grade);
console.log(session);
}
<form>
<div>
<h1>Details</h1>
<div>
<label>Name</label>
<input type="text" id="name">
</div>
<div>
<label>Index</label>
<input type="text" id="index">
</div>
<div>
<label>Phone</label>
<input type="text" id="phone">
</div>
<div id="grade">
<label><input type="radio" name="groupName" value="5"> 5</label>
<label><input type="radio" name="groupName" value="6"> 6</label>
<label><input type="radio" name="groupName" value="7"> 7</label>
<label><input type="radio" name="groupName" value="8"> 8</label>
<label><input type="radio" name="groupName" value="9"> 9</label>
<label><input type="radio" name="groupName" value="10"> 10</label>
<div>
</div>
<div>
<label>Session</label>
<select id="session">
<option value="checkbox">Decembar</option>
<option value="checkbox">November</option>
<option value="checkbox">Octomber</option>
<option value="checkbox">September</option>
<option value="checkbox">August</option>
<option value="checkbox">July</option>
<option value="checkbox">June</option>
<option value="checkbox">May</option>
<option value="checkbox">April</option>
<option value="checkbox">March</option>
<option value="checkbox">February</option>
<option value="checkbox">January</option>
</select>
</div>
<div>
<input type="button" value="Input student"id="import" onclick="inport();">
</div>
</div>
</form>
當我嘗試 console.log 我的成績和會話值時,我想獲得所選的數字或月份,如果我在 html 中更改某些內容,如何獲取該值?它適用于前 3 個,因為我只是從中讀取,<input type="text">但在其他 2 個中,我嘗試從單選按鈕和選擇選項中獲取值。我認為您可以運行此代碼并查看輸出,如果您需要更多資訊,請告訴我:)。
uj5u.com熱心網友回復:
在輸入中添加名稱屬性。
JS代碼
document.getElementById("show_radio").onclick = function () {
var radio = document.getElementsByName("gender");
var radio_selected;
for (var a = 0; a < radio.length; a ) {
if (radio[a].checked) {
radio_selected = radio[a].value;
}
}
document.getElementById("selected_radio").innerHTML = radio_selected;
}
<form>
<input type="radio" name="gender" value="Male" checked=""> Male<br>
<input type="radio" name="gender" value="Female"> Female<br>
<input type="radio" name="gender" value="I'd rather not inform"> I'd rather not inform
</form>
<button id="show_radio">Show</button>
<p id="selected_radio"></p>
uj5u.com熱心網友回復:
這是一個可以幫助您解決問題的鏈接:https : //www.skillsugar.com/how-to-get-the-selected-radio-button-value-in-javascript。我希望它有幫助!
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/365892.html
標籤:javascript html
下一篇:為什么[IO.File]::WriteAllText連接Get-Content-tail##輸出,而Set-Content不連接?
