Javascript Div onchange从两个选择框中获取值
我正试图这样做,当div中的一个选择框发生变化时,它将从该选择框和我尚未添加的另一个选择框中获取值,但我不知道如何进行操作。Javascript Div onchange从两个选择框中获取值,javascript,html,Javascript,Html,我正试图这样做,当div中的一个选择框发生变化时,它将从该选择框和我尚未添加的另一个选择框中获取值,但我不知道如何进行操作。 我现在有这个代码 <select id='selMag' onchange='getSelMag(this)'> <option value='0.0>Select Minimum Magnitude</option> <option value='1.0'>1.0</option>
我现在有这个代码
<select id='selMag' onchange='getSelMag(this)'>
<option value='0.0>Select Minimum Magnitude</option>
<option value='1.0'>1.0</option>
<option value='2.0'>2.0</option>
<option value='3.0'>3.0</option>
<option value='4.0'>4.0</option>
<option value='5.0'>5.0</option>
<option value='6.0'>6.0</option>
<option value='7.0'>7.0</option>
<option value='8.0'>8.0</option>
<option value='9.0'>9.0</option>
<option value='10.0'>10.0</option>
</select>
function getSelMag(sel) {
value = Number(sel.value);
console.log(window.value);
}
使用此链接中的答案获取getSelMag()函数中其他选择框的值
详情如下:
function getSelMag(sel) {
value = Number(sel.value);
console.log(window.value);
var e = document.getElementById("selMag2");
var option2 = e.options[e.selectedIndex].text;
//do whatever u want
}
您可以让另一个函数称为x(),它将为您创建的其他选择框调用,并从中访问第一个选择框的值
<select id='selMag2' onchange='x(this)'>
希望这有帮助想必,select是一个表单。要成功,表单控件必须具有名称,因此:
<select id='selMag' name='selMag' onchange='getSelMag(this)'>
请注意,所有表单控件都有一个引用其父表单的属性,并且可以通过表单集合访问属于表单的控件
具有名称的属性(在某些浏览器中具有ID的属性)可以作为表单和元素集合的命名属性访问,也可以通过集合中的索引访问
您似乎希望将值连接在一个句点之间,因此函数可能如下所示:
function getSelMag(sel) {
var value0 = sel.form.selMag.value;
var value1 = sel.form.selMag2.value;
console.log(value0 + '.' + value1);
}
以及HTML:
<form>
<select name="selMag" onchange="getSelMag(this);">
<option value="0" selected>0
<option value="1">1
<option value="2">2
</select>
<select name="selMag2" onchange="getSelMag(this);">
<option value="0" selected>0
<option value="1">1
<option value="2">2
</select>
</form>
0
1.
2.
0
1.
2.
工作正常,谢谢。另外,我没有声明变量的原因是因为它在我的代码中的其他地方被全局声明,这只是一个片段。
function getSelMag(sel) {
// Always declare variables
var value = Number(sel.value);
// Access them from the appropriate scope
console.log(value);
// Reference the other select using named properties of the form
var otherSelect = sel.form.selMag2;
// Do stuff with it
var otherValue = otherSelect.value;
}
function getSelMag(sel) {
var value0 = sel.form.selMag.value;
var value1 = sel.form.selMag2.value;
console.log(value0 + '.' + value1);
}
<form>
<select name="selMag" onchange="getSelMag(this);">
<option value="0" selected>0
<option value="1">1
<option value="2">2
</select>
<select name="selMag2" onchange="getSelMag(this);">
<option value="0" selected>0
<option value="1">1
<option value="2">2
</select>
</form>