如何從選擇陣列中的JavaScript

Question

我使用下面的代碼選擇陣列中的HTML檢索值

<select name="selection[1]"> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
</select> 
<select name="selection[2]"> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
</select> 

如何從這種選擇檢索值在JavaScript

Answer 1

你可以給ID爲每個下拉式選單，並得到這樣的值：

<select name="selection[1]" id="selection1"> 
<option selected="selected">1</option> 
<option>2</option> 
<option>3</option> 
</select> 
<select name="selection[2]" id="selection2"> 
<option selected="selected">1</option> 
<option>2</option> 
<option>3</option> 
</select> 
<script> 
var e = document.getElementById("selection1"); 
var strUser = e.options[e.selectedIndex].value; 
console.log(strUser); 
</script> 

Answer 2

嘗試：

document.getElementsByName('selection[1]')[0].value 
document.getElementsByName('selection[2]')[0].value 

Answer 3

首先，您必須在選擇控件中分別添加id =「selection [1]」和id =「selection [2]」，然後您可以調用此函數來獲取選定的值和文本。

<script> 
function Getdropdown1() 
{ 
var e = document.getElementById("selection[1]"); 
var selectedValue1 = e.options[e.selectedIndex].value; 
var selectedText1 = e.options[e.selectedIndex].text; 
} 
</script> 

<script> 
function Getdropdown2() 
{ 
var e = document.getElementById("selection[2]"); 
var selectedValue2 = e.options[e.selectedIndex].value; 
var selectedText2 = e.options[e.selectedIndex].text; 
} 
</script> 

Answer 4

您可以使用jQuery Attribute Starts With Selector [name^="value"]：

$('[name^="selection"]').each(function() { 
 
    console.log($(this).attr('name')); 
 
    console.log($(this).val()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<select name="selection[1]"> 
 
    <option>1</option> 
 
    <option>2</option> 
 
    <option>3</option> 
 
</select> 
 
<select name="selection[2]"> 
 
    <option>1</option> 
 
    <option>2</option> 
 
    <option>3</option> 
 
</select>