html 网页的简单显示问题，求助

可爱阳阳 · 发表于 2022-5-19 14:54:49

代码如下：
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
</head>
<body>
<p> 输入内容：<input type="text" value="" id="myinput"/></p>
<p  id="testpp">这是测试内容</p>
<p><button>替换内容</button></p>
<script>
function setcon(){
   var con = $("#myinput").val();
   $('#testpp').text(con);
}
</script>
</body>
</html>

初夏喔 · 发表于 2022-5-19 14:54:50

可爱阳阳发表于 2022-5-19 15:19
这个也不行

[HTML] 纯文本查看 复制代码

<!DOCTYPE html>

<head>
    <meta charset="utf-8">
    <script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
</head>

<body>
    <p> 输入内容：<input type="text" value="" id="myinput" /></p>
    <p id="testpp">这是测试内容</p>
    <p><button onclick="setcon()">替换内容</button></p>
    <script>
        function setcon() {
            $('#myinput').val($("#testpp").text());
        }
    </script>
</body>

</html>

我才发现你的button没加事件....

初夏喔 · 发表于 2022-5-19 14:57:34

[JavaScript] 纯文本查看 复制代码

  function setcon() {
            var con = $("#testpp").text();
            $('#myinput').value(con);
        }

补充内容 (2022-5-19 15:01):
下面一行改成这个
$('#myinput').value = $("#testpp").text()

木小果 · 发表于 2022-5-19 15:05:25

[HTML] 纯文本查看 复制代码

<!DOCTYPE html>
<head>
<meta charset="utf-8">
<script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
</head>
<body>
        <p> 输入内容：<input type="text" value="" id="myinput"/></p>
        <p  id="testpp">这是测试内容</p>
        <p><button href="javascript:void(0);">替换内容</button></p>
        <script>
                function setcon(){
                   var con = $("#testpp").text();
                   console.log(con);
                   $('#myinput').val(con);
                }
        </script>
</body>
</html>

可爱阳阳 · 发表于 2022-5-19 15:17:45

Autism 发表于 2022-5-19 15:05
[mw_shl_code=html,true]

不行哦，测试了下不行

可爱阳阳 · 发表于 2022-5-19 15:19:10

初夏喔发表于 2022-5-19 14:57
[mw_shl_code=javascript,true]  function setcon() {
         var con = $("#testpp").text();
   ...

这个也不行

木小果 · 发表于 2022-5-19 15:23:53

可爱阳阳发表于 2022-5-19 15:17
不行哦，测试了下不行

发错了..

[HTML] 纯文本查看 复制代码

<!DOCTYPE html>
<head>
<meta charset="utf-8">
<script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<!-- <script src="https://api.muxiaoguo.cn/assets/other/js/jquery.min.js"></script> -->
</head>
<body>
        <p> 输入内容：<input type="text" value="" id="myinput"/></p>
        <p  id="testpp">这是测试内容</p>
        <p><button href="javascript:void(0);" onclick="setcon()">替换内容</button></p>
        <script>
                function setcon(){
                   var con = $("#testpp").text();
                   console.log(con);
                   $('#myinput').val(con);
                }
        </script>
</body>
</html>

		自动登录	找回密码
密码			注册

[已解决] html 网页的简单显示问题，求助

最佳答案

评分

浏览过的版块