• 10-03-2022, 07:08:33
    #1
    Merhaba;
    Alttaki kodu sayfada kullandığımda input değerini yandaki butona tıklayarak kopyalayabiliyorum.

    Ancak aynı sayfada birden fazla olursa kod çalışmıyor. Nasıl yaparım yardımcı olur musunuz ?

    Çalışıyor
    <script>
    function copyToClipboard() {
    var textBox = document.getElementById("myvalue");
    textBox.select();
    document.execCommand("copy");
    }
    </script>
    
    <input type="text" class="form-control" name="myvalue" id="myvalue" value="Merhaba Dünya!" readonly />
    <button class="btn btn-primary btn-block" onclick="copyToClipboard('#myvalue')">Copy myvalue</button>

    Sadece sondaki çalışıyor
    <script>
    function copyToClipboard() {
    var textBox = document.getElementById("myvalue1");
    textBox.select();
    document.execCommand("copy");
    }
    </script>
    <script>
    function copyToClipboard() {
    var textBox = document.getElementById("myvalue2");
    textBox.select();
    document.execCommand("copy");
    }
    </script>
    
    <input type="text" class="form-control" name="myvalue1" id="myvalue1" value="Merhaba Dünya 1!" readonly />
    <button onclick="copyToClipboard('#myvalue1')">Copy myvalue</button>
    
    
    <input type="text" class="form-control" name="myvalue2" id="myvalue2" value="Merhaba Dünya 2!" readonly />
    <button onclick="copyToClipboard('#myvalue2')">Copy myvalue</button>
  • 10-03-2022, 07:19:26
    #2
    <input type="text" class="form-control" name="myvalue1" id="myvalue1" value="Merhaba Dünya 1!" readonly />
    <button onclick="copyToClipboard('myvalue1')">Copy myvalue</button>
    
    
    <input type="text" class="form-control" name="myvalue2" id="myvalue2" value="Merhaba Dünya 2!" readonly />
    <button onclick="copyToClipboard('myvalue2')">Copy myvalue</button>
    
    <script>
        function copyToClipboard(elm) {
            var textBox = document.getElementById(elm);
            textBox.select();
            document.execCommand("copy");
        }
    </script>