使用按钮

时间:2016-07-24 17:24:44

标签: jquery html thymeleaf

我已经看过几个类似的问题,但到目前为止我所尝试的一切都失败了,我希望有人可以更清楚地说明我在这里遇到的noob-error。 事情是我有一个相当大的自动生成的表数,现在我需要一个简单的JQuery来获取每行的隐藏的uniqe ID并将它们用作Ajax脚本的输入。在这里,我很沮丧,因为我甚至无法得到那个愚蠢的数字...... 那么,现在该行包含ID和一个按钮来获取它:

<div class="pull-right">
     <input type="hidden" class="thisSeriesID" th:value="${appointment.seriesID}">
     <button class="btn btn-default entryChecker"><span class="glyphicon glyphicon-refresh"></span></button>
</div>

现在我正在使用这个JQuery获取ID并测试它是否有效。这只是许多尝试中的最新尝试,但同样没用:

<script type="text/javascript">
        $(function(){
            $(".entryChecker").click(function(){
            var x = $(this).prev().val();
            document.getElementById("demo").innerHTML = x.toString();
            });
        }
        );
</script>

我的目标当然是如果我按下任何按钮,我会在这一行中获得相应的ID:

<p id="demo"></p>

但是,正如你比我聪明的人可能已经猜到的那样:没有任何事情发生。 任何人都可以给我一个提示,我搞砸了吗?

3 个答案:

答案 0 :(得分:1)

<html>
<head>
    <script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script>


     $( document ).ready(function() {
         $(".entryChecker").click(function(){
            var myvalue = $(this).prev('.thisSeriesID').val();
            console.log(myvalue);
            document.getElementById("demo").innerHTML = myvalue;
            });
                 });


    </script>
</head>
<body>
    <div class="pull-right">
     <input type="hidden" class="thisSeriesID"  value="5" />
     <button class="btn btn-default entryChecker"> Check<span class="glyphicon glyphicon-refresh"></span></button>
</div>
    <div id="demo"> </div>
</body>
</html>

答案 1 :(得分:0)

首先:值不是任何属性,而是使用值代替它。

您可以使用data- *属性获取唯一ID

  <div class="pull-right">
     <button class="btn btn-default entryChecker" data-uniqueid ="${appointment.seriesID}"><span class="glyphicon glyphicon-refresh"></span></button>
</div>


<script type="text/javascript">
        $(function(){
            $(".entryChecker").click(function(){
            var x = $(this).data('uniqueid');
            $("#demo").html(x);
            });
        });
</script>

答案 2 :(得分:0)

如果您使用set objs= for /R %%f in (*.cpp) do call set objs=%%objs%% %%f 作为输入属性,则需要使用th:value来获取其值。这是js:

attr('th:value')