Question

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

<!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>

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

Answer 1

您缺少一些#，而.val是一个函数，因此请使用.val()。

我不确定我是否知道您要使用该对话框做什么，但是应该尝试执行以下操作：

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

    alert(teste);
});

Answer 2

尝试一下：

$(document).ready(function(){
  var teste = $("texto").val;
    $("#submit").on("click", function(){
        console.log("something happens");
    });})

Answer 3

您可以准备使用文档。另外，如果您愿意，可以使用单独的javascript文件并进行更多操作

<!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>

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

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

Answer 4

当您调用$("teste").dialog("open");或$("texto").val()时，jQuery将在dom中查找元素<teste></teste>。由于该元素在您的示例中不存在，因此不会执行任何操作。

也许在传递给.的选择器中缺少#或$(selector)吗？

使用jQuery单击按钮时无法显示输入文本

4 个答案: