javascript - 如何在 javascript 变量中存储在 select 选项中传递的多个值？

Question

我在这样的选择选项中传递了两个值。

<option value="<%=jo22.getInt("amount")%>&<%=jo11.getString("id")%>"><%=jo22.getString("name")%><br><%=jo22.getString("currency")%>&nbsp;&nbsp; <%=jo22.getInt("amount") %> per unit</option>

<%} %></select>

<input type="text" id="demo1" value="">


    <script>
    var x = document.getElementById("mySelect").value;
      document.getElementById("demo1").value = x;
function getID() {
    var x = document.getElementById("mySelect").value;
      document.getElementById("demo1").value = x;
}
</script>

现在我已经应用了 select on change 的脚本函数来获取 select 选项的一个值。我的意思是我想将 select 选项的金额而不是计划 id 放入 javascript 函数的变量 x 中。如何得到它？请帮忙。

标签： javascriptjavajsp

Answer 1

使用 JSON 对象在选项中设置并获取多个值

function showData() {
	 var x = document.getElementById("mySelect").value;
	 var obj = JSON.parse(x);
	 var amount=obj.amount;
	 var id=obj.id;
	 alert("amount = " +amount +"id = "+id);
	
}

<select onclick="showData();" id="mySelect">
	<option value='{"amount":"4444", "id":"11"}'>4444 11</option>
</select>