使用JS獲取對象<select>使用JS

Question

我在JSP上有一個「select」選項。它是由這樣的「地區」對象填寫：

<sf:select id="regionslist" path="region" items="${regions}" itemLabel="nameRegion"/>

我想從我的列表中選中一個獲取屬性「Region.idRegion」。

使用這個腳本：

$regions.on('change', 
 
\t  \t function(){ 
 
\t  \t \t var val = $('#regionslist option:selected').val(); 
 
\t  \t \t console.log(val) 
 
      } 
 
)

我檢索它的自我（mypackage.Entity.Region@75448e27）對象引用而不是對象。

我聽說了使用JSON解析器獲取JS腳本上的對象的可能性，但我是關於JS的新手。那麼samone能幫助我嗎？

謝謝。

Answer 1

讓假裝你有下面的HTML：

<select name="my-select" id="my-select"> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
    <option value="4" selected>4</option> 
    <option value="5">5</option> 
    <option value="6">6</option> 
    <option value="7">7</option> 
</select> 

<button id="my-button">Get selected value</button> 

這是JS獲取所選選項的值：

var form = document.getElementById('my-select'), 
    button = document.getElementById('my-button'); 

button.onclick = function (event) { 
    event.preventDefault(); 

    console.log(form.value); 
} 

在這裏，你可以看到現場演示。 http://jsfiddle.net/yck69tLb/