【问题标题】:I want to pass two parameters in onclick, one is a function & another is a div id我想在onc​​lick中传递两个参数,一个是函数,另一个是div id
【发布时间】:2015-07-29 09:07:10
【问题描述】:

我想在 onclick 发生时发送两个 id,就像现在单击 div 2 时一样,我也想只传递第二个 div 的 id,然后为第二个 div 编写脚本。 是否可以?如果是这样,那怎么办?有什么例子吗?

<div id="1st_div"></div>
<div id="2nd_div">
     <div id="inner_of_2nd_div" onclick="myfunction('1st_div')"></div>
</div>

【问题讨论】:

  • 其实我不明白
  • 我完全不明白你想要什么。
  • 如果可以,请尝试详细说明您想要的内容,还包括您为自己解决此问题所做的任何尝试。 (编辑您的问题并在其中包含代码。)
  • 他假设js中的一个函数只能接受一个参数
  • 将 2 个 ID 发送给 WHAT ?

标签: javascript


【解决方案1】:

您可以传递任意数量的参数。 只需相应地定义函数即可。

例如,对于一个 2 参数函数 myFunction, 你的 onclick 应该看起来像

onclick="myfunction(p1, p2)"

和你的函数 myFunction 一样

myfunction(p1, p2) {
  //do your stuff

}

【讨论】:

    【解决方案2】:
            <div id="1st_div"></div>
    <div id="2nd_div">
         <div id="inner_of_2nd_div" onclick="myfunction(document.getElementById('1st_div'));">asa</div>
    

    <script>
    function myfunction(obj)
    {
    //here i caught the object 
    obj.innerHTML=obj.id;
    }
    </script>
    

    【讨论】:

      【解决方案3】:

      我了解您想要一个具有被点击 div 的 id 参数的函数。如果正确,请使用 JQuery 并执行此操作:

      HTML:

      <script src="http://code.jquery.com/jquery-1.11.3.min.js"/> 
      <div id="1st_div" class="clickable"></div>
                      <div id="2nd_div" class="clickable">
                           <div id="inner_of_2nd_div" ></div>
                      </div>
      

      JS jQuery:

      $(".clickable").click(function(){
              var _id=$(this).attr("id");
              alert("I am div id="+_id+" and I've been clicked right now!");
          });
      

      【讨论】:

      • 我想这样打电话可以吗?因为我有一个适用于 1st_div id 的函数。现在在同一个函数调用“onclick”中,我想调用该函数,并仅传递调用它的 div 的 id。
      • @DebabrataRoy 抱歉,我不明白,你能说一下你的目标吗,不是代码,而是渲染?
      • 我的理解:一个函数使用#1st_div id。行。它在“点击”中。并且您想从 onclick 为该函数传递参数。这个参数是被点击的 div 的 ID。是这个吗 ?请看我的新答案。 (已编辑)
      • onclick 我想调用一个函数 "myfunction('div1') 并且在函数旁边想传递被点击的 div 的 id。
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2019-06-08
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-06-14
      相关资源
      最近更新 更多