請問抓取textarea內的值按下button後如何同樣值重現在另一textarea內 PHP或JQuery

jquery ajax phpmyadmin php

abrxyz800924 2017-03-26 20:55:39 ‧ 11430 瀏覽

分享至

如圖在textarea內填入值

以一支程式將整個方塊內的值拉到另外一個對應的方塊內

或將一開始寫入的值設成變數，另一格內可直接帶入？
謝謝大家

froce iT邦大師 1 級 ‧ 2017-03-27 13:17:31 檢舉

...
http://www.w3school.com.cn/jquery/
這個很基本。

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

老鷹(eagle)

iT邦高手 1 級 ‧ 2017-03-27 16:03:21

PHP解法

<html>
<head>
    <meta charset="utf-8">
    <title>A1</title>
</head>
<body>
<div>
    <form method="post">
        <div>
            <select name="select1" id="select1">
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
            </select>
        </div>
        <div>
            <input type="submit" value="copy">
        </div>
    </form>
    <div>
        <textarea><?=isset($_POST['select1']) ? $_POST['select1'] : ''; ?></textarea>
    </div>
</div>
</body>
</html>

JQuery解法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>A2</title>
</head>
<body>
<div>
    <div>
        <select name="select1" id="select1">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
        </select>
    </div>
    <div>
        <input type="button" id="copy" value="copy">
    </div>
    <div>
        <textarea id="show"></textarea>
    </div>
</div>
</body>
<script src="../public/js/jquery-3.2.0.min.js"></script>
<script>
    $(function () {
        $('#copy').click(function(){
            $('#show').text($('#select1').val());
        });
    });
</script>
</html>