2015-06-30 88 views
0

抓住價值觀,我想使它所以當一個div變化中的選擇框,它會搶來自該選擇框和一個其他一個我還沒有添加值,但我不知道該怎麼去做。
目前,我有這個代碼的JavaScript股利平變化從兩個選擇框

<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); 
} 

這一點,因爲它是現在,從抓住它工作正常,但我想補充一個又一個,並把它們一個div容器內,並使其如此當任何一個人改變它會從他們兩個獲取值,將兩個字符串加在一起,並將它們轉換爲數字。我打算這樣做,所以上面的選擇框不會有小數值,只是1,2等,並且第二個框是.1,.2等,所以當它們加在一起時,它會顯示1.1 ,1.2等

回答

0

據推測,選擇是一種形式。要獲得成功,表單控件必須有一個名稱,因此:

<select id='selMag' name='selMag' onchange='getSelMag(this)'> 

添加名稱幾乎總是避免了對ID的要求。如果其他也選擇了一個名字:

<select name='selMag2'> 

,它屬於相同的形式首先,你可以通過表單從getSelMag函數引用它:

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

注意所有表單控件有form屬性,引用他們的父窗體,而屬於形式控制可以通過表單的elements收集訪問。

那些有名稱(和在某些瀏覽器那些具有的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

完美工作,謝謝。另外,我也沒有聲明變量,是因爲它在我的代碼宣佈在全球其他地方的原因,這只是一個片段。 – unironicallyironic

0

從這個鏈接使用的答案讓其他選擇框的getSelMag值()函數

Get selected value in dropdown list using JavaScript?

如下:

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

function getSelMag2(sel) { 
    value = Number(sel.value); 
    console.log(window.value); 
    var e = document.getElementById("selMag"); 
    var option1 = e.options[e.selectedIndex].text; 
    //do whatever u want 
} 

希望第一個選擇框中的值,他這有助於