使用JS </select>从<select>获取对象

时间:2015-02-09 17:37:56

标签: javascript jquery

我的JSP上有一个“select”。它由“Region”对象填充,如下所示:

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

我想从列表中的选定属性中获取属性“Region.idRegion”。

使用此脚本:

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

我检索对象引用而不是self中的对象(mypackage.Entity.Region@75448e27)。

我听说有可能使用JSON解析器来获取JS脚本上的对象,但我是关于JS的新手。那么samone可以帮助我吗?

谢谢。

1 个答案:

答案 0 :(得分:0)

让我们假装你有以下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/