How to call <div> on submit button click

Please refer code below i m learning jquery and i want to display tag named #child on submit button click using javascript/jquery can any one help me how to call on button click

And also want to call #child and #home tag on >>(next button) & <<(prev button)** on button click respectively in code >> and<< is written as &lt and &glt.? can anyone help me out ?

        <div data-role="page" id="home">
            <div data-theme="d" data-role="header">
                <h3>
                    The Grand Bhagvati
                </h3>
                <a data-role="button" data-inline="true" data-direction="reverse" data-transition="slide" href="#home">
                    &lt;&lt;
                </a>
                <a data-role="button" data-inline="true" data-direction="reverse" data-transition="fade" href="#child">
                    &gt;&gt;
                </a>
            </div>
            <div data-role="content">
                <div data-role="fieldcontain">
                    <fieldset data-role="controlgroup" data-mini="true">
                        <label for="textinput1">
                            User:
                        </label>
                        <input id="textinput1" placeholder="Khushu" type="text" />
                    </fieldset>
                </div>
                <input data-theme="d" ="submitbtn" value="Login" type="submit"  onSubmit="redirect()"/>
            </div>
            <div data-theme="a" data-role="footer" data-position="fixed" >
                <h3>
                    Page1
                </h3>

                </div>
        </div>

        <div data-role="page" id="child">
            <div data-theme="d" data-role="header">
                <h3>
                    The Grand Bhagvati
                </h3>
                <a data-role="button" data-inline="true" data-direction="reverse" data-transition="slide" >
                    &lt;&lt;
                </a>
                <a data-role="button" data-inline="true" data-direction="reverse" data-transition="fade" >
                    &gt;&gt;
                </a>
            </div>
            <div data-role="content">
                <div data-role="fieldcontain">
                    <fieldset data-role="controlgroup" data-mini="true">
                        <label for="textinput1">
                            User:
                        </label>
                        <input id="textinput1" placeholder="Khushu" type="text" />
                    </fieldset>
                </div>
                <input data-theme="d" value="Login" type="submit"  onsubmit="redirect()"/>
            </div>
            <div data-theme="a" data-role="footer" data-position="fixed" >
                <h3>
                    Page1
                </h3>

                </div>
        </div>

标签： javascript jquery html onclick

3条回答

看我几分像从前

2楼-- · 2019-09-02 00:14

The below code is for javascript

var Home= document.getElementById("home");

Home.style.display="none";//To hide the div
Home.style.display="";//To display the div

0人赞添加讨论(0) 举报

我欲成王，谁敢阻挡

3楼-- · 2019-09-02 00:26

Try this in your script
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("#hide").click(function(){
    $("p").hide();
  });
  $("#show").click(function(){
    $("p").show();
  });
});
</script>
</head>
<body>
<button id="hide">Hide</button>
<button id="show">Show</button>
</body>
</html>

0人赞添加讨论(0) 举报

老娘就宠你

4楼-- · 2019-09-02 00:36

To show a tag use

$('#child').show();  // where child is the id of the element

and to hide ...

$('#child').hide();

alternatively, you can simply toggle it between hide/show as follows:

$('#child').toggle();

to attach these to an onclick event of a button ...

$(document).ready(function() {
    $('#buttonID').click(function() {
        $('#child').toggle();
    });
});

hope this helps

0人赞添加讨论(0) 举报

How to call on submit button click

采纳回答

编辑标签

举报内容

检举类型

检举原因

检举说明(必填)

打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮

付费偷看金额在0.1-10元之间

How to call
on submit button click