如何使用jQuery获取多维选择框的键

时间:2016-09-02 07:17:22

标签: jquery

我正在研究多维选择框的jQuery自定义验证。我试图访问多维选择框元素的名称:

 <select id="start_time_195" class="myclass" name="start_time[195]">

使用以下代码段:

$.validator.addMethod("my_method", function(value, element) {
    console.log(element.name);
}, "This text will be displayed as validation message.");

控制台输出为start_time[195]

但我希望从元素名称中获取键195。有没有直接的方法来获得这个价值?

我认为另一种方法是使用.split()函数,但这可能是一个漫长的过程。

感谢您的帮助。

2 个答案:

答案 0 :(得分:1)

  1. 添加@Rory McCrossan建议的数据。您可以在属性中添加id,例如data-id = 195

    $(this).attr('data-id');
    
  2. 如果您不想这样做,请从ID

    获取
    var id =$(this).attr('id');
    getid = id.split("_");
    getid[2]  // this is your value
    

答案 1 :(得分:1)

试试这个:

$(document).ready(function(){

    var name = $("#start_time_195").attr("name");

    var patt = /\d+/g;

    var value = name.match(patt);

    alert(value);

})

最终代码:

&#13;
&#13;
<html>
<head>
</head>
<body>
    <select id="start_time_195" class="myclass" name="start_time[195]"></select>
        
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script>
    $(document).ready(function(){

        var name = $("#start_time_195").attr("name");

        var patt = /\d+/g;

        var value = name.match(patt);

        alert(value);

    })
    </script>
</body>
</html>
&#13;
&#13;
&#13;