【问题标题】:How to put a string from an input field and put it into a function [duplicate]如何将输入字段中的字符串放入函数中[重复]
【发布时间】:2014-07-13 12:01:46
【问题描述】:

我对编程很陌生,如果这个问题含糊不清,我很抱歉。

我有一个简单的 html 输入字段: 输入 class="草稿" type="文本"

我有一个 javascript 函数(该函数只接受字符串): Message.send()

使用 javascript/jQuery 如何获取用户在输入字段中键入的字符串并将其放入 Message.send() 函数(以字符串形式)?

提前感谢您的帮助

【问题讨论】:

  • 在纯 JS 中使用 value 属性或在 jQuery 中使用 val() 方法。
  • 首先:欢迎来到 StackOverflow。其次:在发布问题之前尝试搜索您的答案。像这样回答简单的问题通常很容易找到。

标签: javascript jquery function


【解决方案1】:

例如,给您的<input> 框一个id

<input type="text" id="blah" />

在您的javascript 中,您可以像这样引用&lt;input&gt;

var strBlah = document.getElementById("blah").value;

现在您已经在&lt;input&gt; 框中输入了值,因此您可以执行以下操作:

Message.send(strBlah)

【讨论】:

    【解决方案2】:

    假设您的输入字段是这样的:

    <input type="text" id="someInputField" name="someInputField" class="inputFields" />
    

    你可以这样做

    <script type="text/javascript">
       //We use the field's id to refer to it and get to its value (the text in it):
       var message = $('#someInputField').val();
       //And then you might call the function like:
       nameOfTheFuntion(message);
    </script>
    

    你需要有 jQuery 库才能让它工作,但你可以通过替换来实现:

    $('#someInputField').val();
    

    document.getElementById('someInputField').val();
    

    【讨论】:

      【解决方案3】:

      不需要 jQuery。我不确定您所说的place it into the Message.send() function (in string form) 是什么意思,所以我假设您在文本输入中获取值并将其用作Message.send() 函数中的参数。

      试试这个:

      Message.send(document.getElementsByClassName("draft")[0].value);
      

      【讨论】:

      • 最好标记为重复然后提供答案。
      【解决方案4】:

      jQuery:

      Message.send($("input.draft").val());
      

      javascript:

      Message.send(document.querySelector("input.draft").value);
      

      【讨论】:

      • 最好标记为重复然后提供答案。
      • 首先非常感谢 Elvis D'Souza 的回答,它完全符合我的需要!其次,马特格林那天晚上我花了很多时间搜索谷歌和堆栈溢出,但没有找到答案(或者至少一个我能理解的答案)。我会搜索什么来找到这个问题的答案?我不想变得聪明,只是想学习,所以下次我可以自己弄清楚。谢谢
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-10-07
      • 1970-01-01
      • 2019-04-05
      • 2021-02-18
      • 1970-01-01
      相关资源
      最近更新 更多