从 Javascript 中的选项表单获取属性

Question

<form:select multiple="false" id="zoneIds" path="id" >
      <form:option value="0" selected="selected" label="Non" />
          <c:forEach items="${zones}" var="zone">
              <form:option value="${zone.id}" label="${zone.zoneId}" test1="${zone.allowIparkBarcode}" />
          </c:forEach>
</form:select>

我想在 Javascript 中获取 test1 值，我尝试了以下但没有成功：

$(document).ready(function(){
    $("#zoneIds").on("change", function(){

        const dc =  $("#zoneIds").val( $(this).attr("test1") );

        console.log("TEST "  + dc)
        if(dc === "true"){
            $("#lpr").hide();
            $("#scanTicket").show();
        }else{
            $("#scanTicket").hide();
            $("#lpr").show();
        }
    });
});

感谢您的帮助

Answer 1

对于遇到这个问题的人，我可以通过以下方式解决它：

var dc = $('option:selected', this).attr('test1');

代替：

const dc =  $("#zoneIds").val( $(this).attr("test1") );