iT邦幫忙

0

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

abrxyz800924 1 月前4446 瀏覽

如圖在textarea內填入值

http://ithelp.ithome.com.tw/upload/images/20170326/20105080ClSa7TMisW.jpg

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

http://ithelp.ithome.com.tw/upload/images/20170326/20105080l3nkky0k4r.jpg

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

froce iT邦新手 5 級 ‧ 1 月前 檢舉
...
http://www.w3school.com.cn/jquery/
這個很基本。

1 個回答

1
老鷹(eagle)
iT邦高手 1 級 ‧ 1 月前

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>

我要發表回答

立即登入回答