从循环获取元素onclick的id

时间:2016-02-26 05:56:11

标签: html button onclick velocity

让我们从数组开始,假设我在我的速度中设置了这个数组

#set ($test= [
  {
    "id": "1",
    "name": "sample1"
  },
  {
    "id": "2",
    "name": "sample2"
  }
  ])

然后我使用循环调用如下所示:

#foreach($test in $test)
<div class="test">  
  <span class="test-name">$test.name</span>
  <button>Sample Button</button>
</div>
#end

我可以使用什么,以便可以检索点击按钮的$test.id,这样我就可以通过使用数组在另一个页面或模态中查看它,因为我很清楚你可以设置并以速度将数组添加到数组中:

#set ($clickedArray = [] )
#set ($holder = $clickedArray.add($test.id))

我只需要检索点击按钮的ID ...

1 个答案:

答案 0 :(得分:2)

如果要将id传递给按下按钮后应加载的其他页面。您可以使用隐藏字段将您的ID作为GET参数发送到第二页

#foreach($test in $test)
    <div class="test">  
    <span class="test-name">$test.name</span>
        <form method="GET" action="otherPage.html">
            <input type="hidden" name="yourParam" value="$test.id">
            <input type="submit" name="submit" value="buttonname" />
        </form>
    </div>
#end

如果您想将您的ID传递给JavaScript方法以便在同一页面上显示模态,那么您可以这样做:

<script>
    function doSomething(id){
        alert("Your id is: " + id);
    }
</script>

#foreach($test in $test)
<div class="test">  
  <span class="test-name">$test.name</span>
  <input type="submit" name="submit" value="buttonname" onclick="doSomething('$test.id')"/>
</div>
#end