如何在Jade中

时间:2018-01-27 00:31:23

标签: javascript pug

您好我正在尝试获取动态生成的输入的值,然后将其绑定到检索该值的onclick事件处理程序。我想不出怎样做的方法。这是代码:

h2 Labels
    each labelName in label
        h4 #{(JSON.stringify(labelName)).substr(1).slice(41, -1).replace(/['"]+/g, '')}
        form(action='/labelform', method='post', id='labelForm')
            input(type='hidden', value='#{(JSON.stringify(labelName.slice(41, -1))}', id='#{(JSON.stringify(labelName.slice(41, -1))}')
        button(type="button" onclick='enterStartTime()') Start Time 
        button(type="button" onclick='enterEndTime()') End Time
        br

这是动态生成的输入值需要去的地方

label(for='startTime') start time
input(type='text', value=startTime, name='startTime', id='startTime', placeholder="00:01:00")
label(for='endTime') End Time
input(type='text', value=endTime, name='endTime', id='endTime', placeholder="00:02:15")

动态生成的输入的值可以进入开始时间或结束时间的输入值。没关系

1 个答案:

答案 0 :(得分:1)

所以我发现最简单的方法是让一个事件监听器触发一个函数,该函数传递动态生成的Id作为参数。

h2 Labels
    each labelName in label
        h4 #{(JSON.stringify(labelName)).substr(1).slice(41, -1).replace(/['"]+/g, '')}
        form(action='/labelform', method='post', id='labelForm')
            input(type='hidden', onchange='addValue(#{(JSON.stringify(labelName.slice(41, -1))})', value='#{(JSON.stringify(labelName.slice(41, -1))}', id='#{(JSON.stringify(labelName.slice(41, -1))}')
        button(type="button" onclick='enterStartTime()') Start Time 
        button(type="button" onclick='enterEndTime()') End Time
        br

价值需要去哪里

label(for='startTime') start time
input(type='text', value=startTime, name='startTime', id='startTime', placeholder="00:01:00")
label(for='endTime') End Time
input(type='text', value=endTime, name='endTime', id='endTime', placeholder="00:02:15")

脚本功能

    function addValue(labelName){
      document.getElementById('startTime').value = document.getElementById('labelName').value
}