Question

我需要以下格式 "<div><input type='url' id='link1' data-rowid='1' class='Link' value='here ...'/</div>" 用于Jquery过程。

但我希望实现“<a href =''>here ...</a>”的外观。

有什么办法吗？

Answer 1

您可以尝试通过CSS设置输入样式，以模仿常规<a>标记：

#link1{
    display: inline-block;
    background: transparent;
    border: none;
    text-decoration: underline;
    // etc, etc...
}

这将保留原始<input>标记的功能，但会显示链接的外观。

Answer 2

你应该使用ajax来做到这一点，例如

<div id="link" contenteditable="true"><a href="$link"><?php echo $link; ?></a></div>

的javascript：

$(function () {
    var message_status = $("#status");
    $("div[contenteditable=true]").blur(function () {
        var projectid = $(this).attr("id");
        var text = $(this).text();
        $.post('update.php', linkid + "=" + text, function (data) {
            if (data != '') {
                message_status.fadeIn();
                message_status.text(data);
                setTimeout(function () {
                    message_status.fadeOut()
                }, 5000);
            }
        });
    });
});

{/ 3}}的HTML输入类型=“url”

2 个答案: