Forms 表单字段数据到span/div

我想将几个表单字段连接到一个span或div区域中。

---

我在网上找到了一个对我来说非常好的脚本。但它将这些字段连接到另一个表单字段中

我需要更改什么才能告诉它将其放入span/div中

我做了一把小提琴来帮助解释我想要什么。

提前干杯

    <form method="post" action="">


        <div class="field">
            <label for="Title">Title:</label>
            <select name="Title" id="Title">
                            <option value="" selected="selected">Select...</option>
                            <option value="Mr">Mr</option>
                            <option value="Mrs">Mrs</option>
                            <option value="Miss">Miss</option>
                            <option value="Ms">Ms</option>
                            <option value="Dr">Dr</option>
                            <option value="Revd">Revd</option>
                            <option value="Prof">Prof</option>
                            <option value="Judge">Judge</option>
                        </select>
        </div>

        <div class="field">
            <label for="First_Name"> First Name:</label>
            <input type="text" id="First_Name" name="First_Name" />
        </div>

        <div class="field">
            <label for="Last_Name"> Last Name:</label>
            <input type="text" id="Last_Name" name="Last_Name" />
        </div>

        <br>
        <br>

        <div class="field">
            <label for="copyPassDetails">Full Name:</label>
           <!-- <input type="text" id="copyPassDetails" name="address" /> -->
<div id="copyPassDetails"></div>
        </div>

    </form>
    <script>
    $('#Title, #First_Name, #Last_Name').bind('blur', function() {

        $('#copyPassDetails').html($('#Title').val() + ' ' +
                                 $('#First_Name').val() + ' ' +
                                 $('#Last_Name').val() );
    });
    </script>

试试这个，我已经编辑过了 这是给 和$'copyPassDetails.val到$'copyPassDetails.html

要将值放入标记中，您需要使用html和 输入值

---

你的小提琴更新了答案

1用span/div替换copyPassDetails文本框：

    <div class="field">
        <label for="copyPassDetails">Full Name:</label>
        <span id="fullName"></span>
    </div>

---

但它将这些字段连接到另一个表单字段中。这意味着什么？你想在输入字段中输入或不输入？例如，在John先生身上显示全名之类的内容？我该怎么做，而不是只点击一个按钮，例如填写字段，然后点击提交按钮来连接数据，只是为了连接？若要在表单中发布全名，可以在表单中添加一个隐藏字段，并在提交表单之前单击按钮设置其值：$'btnSubmit'。单击函数{var fullName=$'Title.val+'+$'First_name.val+'+$'Last_name.val；//以表单$'hdnFullName.valfullName；$'form.submit.}发布全名；嘿，谢谢你回复我。你能看看我的小提琴吗对不起，我还是js新手。但您的反馈是高度赞赏的：仔细阅读FIDLE的javascript窗口内的评论，它会做您想要的。[非常感谢您的时间编码器。您的评论也有助于我了解其工作原理：

$('#fullName').html($('#Title').val() + ' ' +
                         $('#First_Name').val() + ' ' +
                         $('#Last_Name').val() );