javascript - 如何获取 Jade 中动态生成的输入的值

Question

您好，我正在尝试获取动态生成的输入的值，然后将其绑定(bind)到检索该值的 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")

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

Answer 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

值(value)需要去向

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
}