Question

我想输入两个input字段和一个button通过按钮click功能动态添加它们。

它们应如下所示：

https://i.stack.imgur.com/iRnDu.png

在单击按钮add时，我想禁用该按钮，添加新的一行项目（2个input框和可单击的button）。我还想将文本框中的2个值存储在数组中。

add() { 
    let row = document.createElement('div');   
    row.className = 'row'; 
    row.innerHTML += ` 
    <br> 
    <input type="text" id="text1"> <input type="text" id="text2"> <button id="button">ADD</button> `; 
    document.querySelector('.showInputField').appendChild(row); 
    document.getElementById("button").addEventListener('click',this.input,false);}input(){
        
    let inputValue = (document.getElementById("text1") as HTMLInputElement).value;
    console.log(inputValue);
    this.user.push(inputValue);
    this.users.push(this.user);
    this.user = [];
}

这是HTML：

<div> 
    CLICK ON BUTTON TO ADD NEW FIELD 
    <div class="showInputField">
        <button (click)="add()">ADD</button> 
    </div> 
    <!-- The add() function is called -->
</div>

Answer 1

#!/usr/bin/env ruby

require 'mfrc522'




class Rfid
    def read_uid
        r = MFRC522.new
        r.picc_request(MFRC522::PICC_REQA)
        begin
            uid, sak = r.picc_select
            puts "El seu identificador es: "
            puts "%02x%02x%02x%02x" % uid
        rescue
            retry
        end
        return uid
    end
end


if __FILE__ == $0


rf = Rfid.new
uid=rf.read_uid


end

动态添加输入字段JavaScript

1 个答案: