在Javascript / Node.js中获取所选选项

时间:2017-05-05 12:48:59

标签: javascript html node.js

自学Node.js和Javascript的东西。我在HTML格式的表单中选择了下拉菜单选项。如何获取所选值的索引?

到目前为止,我正在尝试这个:

var e = req.body.boolean_choice;
boolChoice = e.selectedIndex;

我让req.body用于在文本框中输入输入的值,但它告诉我selectedIndex不是一件事。所以我试过了:

var e = req.body.boolean_choice

看看它给了什么,它只是给了undefined

有办法做到这一点吗?

这是HTML:

<form action="http://localhost:3000" method="POST">
Form:<br>
<br>
<br>
Text Box 1: <input type="text" name="tb1"  size="35" placeholder="&quot;@10SadioMane&quot; OR &quot;#Mane&quot;">
<br>
<br>
<select id="choice" name="choice">
  <option value="OR">OR</option>
  <option value="AND">AND</option>
</select>
<br>
<br>
<input type="submit" value="Submit">

2 个答案:

答案 0 :(得分:3)

表单提交仅会传递value选项属性。 也可以在您使用的IDE中使用调试器来探索req.body,而不是试图猜测那里有什么。

答案 1 :(得分:0)

很乐意提供帮助。

首先获取选择的选项DOM元素

var el = document.querySelector('#choice option:selected');
你真的会这样     req.body.querySelector(&#39; #choice选项:已选择&#39;);

现在逻辑是迭代到链中的前一个兄弟姐妹,直到你到达顶部。

var index = 0; 
while( el.previousSibling ! == null){
el = el.previousSibling;
index +=1;
}
console.log(index);