我正在尝试编写一个简单的表单,该表单将获取一些文本,然后在我单击“提交”按钮时显示在对话框中。

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <title>Página Teste</title>
</head>
<body>
<header>
    <div>
        <h1>Questão 4</h1>
    </div>
</header>

<div>
    <label for="texto">Texto: </label>
    <textarea name="texto" id="texto" rows="5" cols="10"></textarea>

    <button type="submit" id="submit">Enviar</button>
</div>
<script>

    var teste = $("texto").val;

    $("submit").on("click", function(){
        $("teste").dialog("open");
    });

</script>
</body>
</html>


当我单击该按钮时,什么都没有发生,并且我尝试了一些执行此脚本的方法,但似乎没有任何效果。

最佳答案

您缺少一些#,并且.val是一个函数,因此请使用.val()

我不确定我是否理解对话框的用途,但应尝试执行以下操作:

$("#submit").on("click", function(){
    var teste = $('#texto').val();

    alert(teste);
});

关于javascript - 使用jQuery单击按钮时无法显示输入文本,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/54378735/

10-15 06:46