具有 Spring 形式的 JSP 上的 JavaScript :select

Question

我有一个jsp:

<form:select path="operation" onchange="myFunc(${oper.id})">
  <c:forEach items="${operList}" var="oper">
    <form:option label = "${oper.name}" value="${oper.id}|${oper.name}"/>...

我有一个 js 函数 myFunc(id) { alert(id); 然后我更改选择值，我看到警报:未定义。
哪里错了？

Answer 1

您无法获取值 ${oper.id}外面<forEach> loop ，因为它是列表中的一个元素。

从下拉列表中获取所选值 onchange()事件，添加 id属性到字段并在javascript中获取它

jsp :

<form:select id="mySelect" path="operation" onchange="myFunc()">
  <c:forEach items="${operList}" var="oper">
    <form:option label = "${oper.name}" value="${oper.id}|${oper.name}"/>...

jquery:

  function myFunc() {
    var  selectedValue= $("#mySelect").val();
    alert(selectedValue);
   }

如果你更喜欢不用 jquery，这里是 javascript 版本，

    function myFunc() {
    var selectBox = document.getElementById("mySelect");
    var selectedValue = selectBox.options[selectBox.selectedIndex].value;
    alert(selectedValue);
   }

或者简单地说，

<form:select id="mySelect" path="operation" onchange="myFunc(value)">
      <c:forEach items="${operList}" var="oper">
        <form:option label = "${oper.name}" value="${oper.id}|${oper.name}"/>...

在 javascript 中，

function myFunc($val) {
        alert($val);
       }

通过了 value以函数调用为参数的属性。

希望这对您有所帮助!