Question

我有一个表格可以输入路线并显示谷歌地图

<form action="#" onsubmit="setDirections(this.from.value, 'address', 'en_US'); return false">

在表格之外我有以下内容：

Formatted Directions<div id="printdirec"><a href="http://maps.google.com/">Print Directions</a></div>

我想更改div标签'printdirec'中的值以说出其他内容

我试过这个（我觉得它会起作用）但它没有：

    <script type='text/javascript'>
        $(document).ready(function() {

        $(":submit").click(function(e) {
                $('div.printdirec').val('tttt')
            });

        });
</script>

对我做错的任何建议？

Answer 1

＃符号标识元素的ID。使用.text（）设置内部文本。

$('div#printdirec').text('tttt');

Answer 2

处理submit事件会更可靠，这会给出：

$("form#id-of-your-form").submit(function(e) {
    $('#printdirec').html('tttt');
});

有关基本选择器语法，请参阅Selectors。快速阅读应该消除关于如何正确处理元素的进一步混淆。

Answer 3

这一行：

$('div.printdirec').val('tttt')

正在查找printdirec的类的所有div。您需要通过 id 来引用它。此外，您还需要设置div的文本，而不是值。试试这个：

$('#printdirec').text('tttt');

Answer 4

$("div#printdirec").html("tttt");

您真的应该将所有提交逻辑带到同一个位置。无需在标记中使用它。

jquery - 如何在表单提交后更改div文本

4 个答案: