-1

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

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

意味着当用户单击任何字段时，应出现带有该字段的模式弹出窗口。

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

任何帮助都将是非常可观的。

4

1 回答 1

0

我不确定插件本身，如果我得到任何答案，我会更新我的答案。

您可以通过以下方式完成此操作（您可以将其称为粗略的方式，但它可能会帮助您点击一些绝妙的想法）：-

参考您的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 链接

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

不确定它是否会帮助你。但只要看看你是否得到一些提示并带出一些很酷的东西..

于 2013-06-10T11:57:44.283 回答