Javascript 如何添加<；部门>；使用jQuery在输入中添加元素 $（文档）.ready（函数（）{ $（“#usr”）。单击（函数（）{ var divElement=“更多文本”； $（'usr'）.val（$（'usr'）.val（）+divElement）； }); });_Javascript_Jquery_Html_Css

Javascript 如何添加<；部门>；使用jQuery在输入中添加元素 $（文档）.ready（函数（）{ $（“#usr”）。单击（函数（）{ var divElement=“更多文本”； $（'usr'）.val（$（'usr'）.val（）+divElement）； }); });

javascript jquery html css

Javascript 如何添加<；部门>；使用jQuery在输入中添加元素 $（文档）.ready（函数（）{ $（“#usr”）。单击（函数（）{ var divElement=“更多文本”； $（'usr'）.val（$（'usr'）.val（）+divElement）； }); });,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想将这个div元素添加到文本框中，但它作为字符串显示是否有可能这样做，或者是否有其他类似输入的方法。谢谢将div放入输入中是不可能的无法将div放入输入中它将添加输入并返回对象类型作为输出 <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.cs

我想将这个div元素添加到文本框中，但它作为字符串显示

是否有可能这样做，或者是否有其他类似输入的方法。谢谢

将

div

放入

输入中是不可能的
无法将div
放入输入中
它将添加输入并返回对象类型作为输出
<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            $("#usr").click(function () {
                var divElement = "<div style='color:yellow;'>more text</div>";
                $('#usr').val($('#usr').val() + divElement);
            });
        });
    </script>
</head>
<body>
    <input class="form-control" id="usr">
</body>
</html>


$（文档）.ready（函数（）{
$（“#usr”）。单击（函数（）{
$（'#usr'）.val（$（this.html（''）；
});
});
它将添加输入并返回对象类型作为输出
<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            $("#usr").click(function () {
                var divElement = "<div style='color:yellow;'>more text</div>";
                $('#usr').val($('#usr').val() + divElement);
            });
        });
    </script>
</head>
<body>
    <input class="form-control" id="usr">
</body>
</html>


$（文档）.ready（函数（）{
$（“#usr”）。单击（函数（）{
$（'#usr'）.val（$（this.html（''）；
});
});
不可能在输入框中添加div，但如果在使用该字段时没有此类问题，可以使用contenteditable
div代替输入字段
你可以在里面添加任何东西
不可能在输入框中添加div，但如果在使用该字段时没有此类问题，则可以使用contenteditable
div代替输入字段
你可以在里面添加任何东西
您不能将div
或任何其他元素放入输入
中。您可以在输入中插入简单文本
比如：

$（文档）.ready（函数（）{
$（“#usr”）。单击（函数（）{
var divElement=“更多文本”；
$（'usr'）.val（$（'usr'）.val（）+divElement）；
});
});
您不能将div
或任何其他元素放入输入
中。您可以在输入中插入简单文本
比如：

$（文档）.ready（函数（）{
$（“#usr”）。单击（函数（）{
var divElement=“更多文本”；
$（'usr'）.val（$（'usr'）.val（）+divElement）；
});
});

你想达到什么目的？说真的？？嗯，这很有趣，因为我甚至无法想象这样做。很抱歉但不可能重复希瓦姆·蒂亚吉的回答解决了我的问题。谢谢你你想达到什么目的？认真的？？嗯，这很有趣，因为我甚至无法想象这样做。很抱歉但这是不可能的，希瓦姆·蒂亚吉的回答解决了我的问题。谢谢你，这就是我上面提到的功能吗？请比较并检查@BuddhikaKulathilaka@javedrathod它将在输入中添加div？是的，它将单击输入，下次请检查代码并将您的review@javedrathodOP不希望在输入中显示div元素。OP想要添加div。请先阅读问题。这是我上面提到的功能吗？请比较并检查@BuddhikaKulathilaka@javedrathod它将在输入中添加div？是的，它将单击输入，下次请检查代码并将您的review@javedrathodOP不希望在输入中显示div元素。OP想要添加div。请先阅读问题。它将返回添加到内部的对象，因此对象表示它自己。它将返回添加到内部的对象，因此对象表示它自己
$(document).ready(function(){
$("#usr").click(function(){
var divElement="<div style='color:yellow;'>more text</div>";
    $('#usr').val($('#usr').val() + divElement);
});
});

$('#usr').append($('#usr').val() + divElement);