Javascript 如何从HTML页面将变量传递给子函数

我想从HTML页面将一个值从父函数传递给子函数

HTML页面：

<div class="bottom_wrapper clearfix">

  <div class="message_input_wrapper">
    <input class="message_input" placeholder="Type your message here..." />
  </div>

  <div class="send_message">
    <div class="icon"></div>
    <div class="text">Send/div>
  </div>
</div>

这里

getMessageText1

是子函数

子函数：

getMessageText1 = function () {
  var result="";
  var id = Parent_FUNC_INPUT;
  $.ajax({
    url:"func.php",
    type: 'POST',
    data: ({id:id}),
    async: false,  
    success:function(data) {
      result = data; 
    }
  });

---

我想从父函数填充子函数中的[[id]]变量。

首先，我将尽最大努力清理HTML：

<div class="bottom_wrapper clearfix">
    <div class="message_input_wrapper">
        <input class="message_input" placeholder="Type your message here..." />
    </div>
    <div class="send_message">
        <div class="icon"></div>
    </div>
    <div class="text">Send</div>
</div>

然后您可以使用

getMessageText1（value）

调用它，其中value是您想要传递的任何内容

还有一点需要注意的是：为了可读性，我建议您不要以现有的方式命名函数。有两个函数

getMessageText

和

getMessageText1

，这将在以后引起混淆。相反，想想更具描述性的东西，ala

getMessageTextFromID

---

希望我回答了你想问的问题。让我知道。

您是否尝试将该值作为函数参数/参数传递？

<div class="bottom_wrapper clearfix">
    <div class="message_input_wrapper">
        <input class="message_input" placeholder="Type your message here..." />
    </div>
    <div class="send_message">
        <div class="icon"></div>
    </div>
    <div class="text">Send</div>
</div>

function getMessageText1(Parent_FUNC_INPUT) {
    ...
    var id = Parent_FUNC_INPUT;
    ...
}