Question

我需要一些关于如何做的帮助..

我已经做了很多搜索，但还没有找到它。所以，如果有人可以帮助我，那就好了。

我这里有这个小代码： -

<div id="whats-new-content">
  <div class="newtextbox">
    <textarea class="mytextbox" id="myuniquetextbox" cols="50" rows="10" style="height: 50px;"></textarea>
  </div>
  <div id="whats-new-options" style="display: none;">
    <input type="submit" name="aw-whats-new-submit" id="aw-whats-new-submit" value="Submit">
  </div>
</div>

如你所见，我添加了style =“display：none;”在div中提交按钮的位置。

我在jQuery或javascript中没有很多知识但是我需要一个简单的javascript代码，当有人点击文本框时会将“display：none”更改为“display：block”..

我需要你的帮助，非常感谢你......

Answer 1

另一种方法是：

$(function () {
   $('#myuniquetextbox').click(function(e) {
      $('#whats-new-options').css('display', 'block');
   });
});

Answer 2

尝试使用bellow

<script>
$("#myuniquetextbox").click(function(){
   $("#aw-whats-new-submit").slideToggle();
});
</script>

Answer 3

$("#aw-whats-new-submit").hide();
$("#myuniquetextbox").click(function() {
  $("#aw-whats-new-submit").show();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div id="whats-new-content">
  <div class="newtextbox">
    <textarea class="mytextbox" id="myuniquetextbox" cols="50" rows="10" style="height: 50px;"></textarea>
  </div>
  <div id="whats-new-options" >
    <input type="submit" name="aw-whats-new-submit" id="aw-whats-new-submit" value="Submit">
  </div>
</div>

Answer 4

你也可以这样做

 $(function () {
       $('#myuniquetextbox').on('click',function(e) {
          $('#whats-new-options').css('display', 'block');
       });
    });

检查您的代码here

Answer 5

试试这个

 CardID    Name    Surname   Department   CurrentDate    Time_In    Time_Out
--------- ------- --------- ------------ ------------- ----------- ----------
 6672983   ERDAL   HUZMELI   IT            11-Jan-16     08:01:53   17:38:21

Answer 6

尝试以下代码

$("#mytextbox").blur(function() {

    // this is when textarea is not focused and button should hide
    $("#whats-new-options").hide();

    });

li

单击文本框时获取隐藏的输入

6 个答案: