我有一个选择标签:
//$places = Array("A", "B", "C");
<select onchange="calculate()" class="form-control" id="from" name="from">
<?php foreach($places as $place){
echo '<option value="'.$place.'">'.$place.'</option>';
} ?>
</select>
而且我需要通过js获取所选选项的值。我这样尝试过:
function $(id){return document.getElementById(id);}
function calculate() {
var from = $("from").value;
var to = $("to").value;
console.log(from);
console.log(to);
.
.
.
}
但是这会返回'undefined'。有任何想法吗?
而不是使用内联onchange
将事件侦听器添加到javascript选择中。
const sel = document.querySelector('#sel');
sel.addEventListener('change', function(e) {
console.log(e.target.value);
});
<select name="sel" id="sel">
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
</select>