Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/435.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Div onchange从两个选择框中获取值_Javascript_Html - Fatal编程技术网

Javascript Div onchange从两个选择框中获取值

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>

我正试图这样做,当div中的一个选择框发生变化时,它将从该选择框和我尚未添加的另一个选择框中获取值,但我不知道如何进行操作。
我现在有这个代码

<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>