Question

我想显示与下面提到的网址相同的表单字段：---

https://quotes.tiger.co.uk/motorquoter/yourdetails.aspx

表示当用户点击任何字段时，应显示带有该字段的模态弹出窗口。

任何人都可以帮助我如何实现这个或者哪个插件最适合这个目的。

任何帮助都会非常明显。

Answer 1

我不确定插件是什么，如果我得到任何更新我的答案。

你可以通过下面的方式完成这项工作（你可以称之为原始方式，但可能会帮助你点击一些好主意）： -

请参阅jQuery中的HTML文件。

<head>
    <title></title>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
</head>

创建一个input元素，如

<table>
        <tr>
            <td>First Name</td>
            <td>
                <input type="text" onclick="parent.focuswhere = 0;" id="firstName" />
            </td>
        </tr>
</table>

现在，让您在HTML中准备好对话框。

<div id="dialog" title="Basic dialog" style="display:none">
        <table>
        <tr>
            <td>First Name</td>
            <td>
                <input type="text" onclick="parent.focuswhere = 0;" id="Text1" />
            </td>
        </tr>
        </table>
    </div>

您已全部使用HTML设置。现在来到jQuery代码。

<script>
    $(document).ready(function () {
        $("input").click(function (e) {
            $("#dialog").dialog();
            console.log(e.target);
        });
    });

</script>

JSFiddle Link

现在，您可以在我的console.log(e.target);功能中看到.click。您将获得点击的<input>。您可以通过动态创建dom元素或以与上面显示的方式相同的方式来玩游戏。

不确定它是否会对您有所帮助。但是看看你是否得到一些暗示并带出一些很酷的东西......

工具提示中的表单字段

1 个答案: