Question

所以我正在为我的增量游戏创建一个表单，它允许您选择原子中有多少质子，中子和电子。选择有多少质子的代码在这里：

<select class="form-control" id="protons_in_atom">
<option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
</select>

我也有一个按钮：

<button id="atom_creator" type="submit" class="btn btn-primary">Create your atom!</button>

点击后，它会执行以下代码行：

document.getElementById("atom_creator").onclick = function () {
    player.temp_protons_in_atom = document.getElementById("protons_in_atom");
    return alert(player.temp_protons_in_atom);
};

不幸的是，我收到的是：[object HTMLSelectElement]
如何使player.temp_protons_in_atom等于所选的选项？

Answer 1

检查this链接。它详细说明了如何获取所选选项的值。

 document.getElementById("atom_creator").onclick = function () {
     temp = document.getElementById("protons_in_atom");
     player.temp_protons_in_atom = temp.options[temp.selectedIndex].text;

 };

Answer 2

此

player.temp_protons_in_atom

是选择/保留框本身，要获得所选的意见，请使用此选项：

return alert(player.temp_protons_in_atom.options[player.temp_protons_in_atom.selectedIndex].text);

参考是this answear。

在bootstrap中调用表单select的结果

2 个答案: