0

エージェントがいる場合、複数の入力ボックスが JQuery で SlideDown() を使用して下にスライドするボタンを選択するフォームがあります。テキストが追加されて送信されると、値がセッションとして保存され、何かが間違っている場合、ユーザーはフォーム ページに戻され、修正する必要があります。これで、適切なボックスに値が割り当てられた状態で送り返されると、入力ボックスが下にスライドするようになりました。しかし、値は表示されず、見ることもできません。値をクリックすると、カーソルがどこにあるかがわかり、そこに値があることがわかります。

入力セクション コード:

<div class="agensele"> Do you have an agent? <input type="submit"  value="Yes"  name="agentsele" class="agentsele"/></div><!----- END .InputInner ---------->

<input type="hidden" value="" name="hiddenagentsele" />

     <div class="noagensele"> Do you have an agent? <input type="submit"  value="No" name="noagentsele" class="noagentsele"/> </div><!----- END .InputInner ---------->
     <input type="hidden" value="" name="hiddennoagentsele" />
</div><!---------------------------------END .InputContaienr ----------------------------------->
<script>
$(".agentsele").click(function () {
    return false;   
});
$(".agentsele").click(function () {
    $('input[name=hiddenagentsele]').val("clicked");
    $('input[name=hiddennoagentsele]').val("unclicked");    
});
$(".noagentsele").click(function () {
    return false;   
});
$(".noagentsele").click(function () {
    $('input[name=hiddennoagentsele]').val("clicked");  
    $('input[name=hiddenagentsele]').val("unclicked");
});

</script>
<br>
<div class="InputContainer">
<span class="agent">Agent Name: </span><div class="InputInner"> <input type="text" name="agentname"  class="agentinput" value="<?php echo $_SESSION['agentname']; ?>"></div><!----- END .InputInner ---------->
<?php 
$setError=$_GET['seterror']; 
if($setError == 1){
if (!isset($_SESSION['agentname']) && (isset($_SESSION['yesele']))){
    echo "<span style='color:red;' class='errorMsg'>*Required</span>";
    }
}
?>


</div><!---------------------------------END .InputContaienr ----------------------------------->

<div class="InputContainer">
<span class="agent">Agent Phone Number: </span><div class="InputInner"> <input type="text" name="agentphone"  class="agentinput" value="<?php echo $_SESSION['agentphone']; ?>"></div><!----- END .InputInner ---------->
<?php 
$setError=$_GET['seterror']; 
if($setError == 1){
if (!isset($_SESSION['agentphone']) && (isset($_SESSION['yesele']))){
    echo "<span style='color:red;' class='errorMsg'>*Required</span>";
    }
}
?>



</div><!---------------------------------END .InputContaienr ----------------------------------->
<div class="InputContainer">
<span class="agent">Agent's Email: </span><div class="InputInner"> <input type="text" name="agentemail"  class="agentinput" value="<?php echo $_SESSION['agentemail']; ?>" ></div><!----- END .InputInner ---------->
<?php 
$setError=$_GET['seterror']; 
if($setError == 1){
if (!isset($_SESSION['agentemail']) && (isset($_SESSION['yesele'])) ){
    echo "<span style='color:red;' class='errorMsg'>*Required</span>";
    }
}
?>


</div><!---------------------------------END .InputContaienr ----------------------------------->
<div class="InputContainer">
<span class="agent">Confirm Agent's Email: </span><div class="InputInner"> <input type="text" name="agentemailone"  class="agentinput" value="<?php echo $_SESSION['agentemail']; ?>" ></div><!----- END .InputInner ---------->
<?php 
             $setError=$_GET['seterror'];
             if ($setError == 2){

                echo "<div style='color:red;' class='errorMsg'> Your Agent Emails Did Not Match</div>";
             }

             ?>


</div><!---------------------------------END .InputContaienr ----------------------------------->
 <script type='text/javascript'>
    function analyzeagentsection() {

            $(".agentinput").slideDown(1000, function() {});
            $(".agent").slideDown(1000, function() {});

            $(".agentsele").css("visibility", "hidden");
            $(".agensele").css("visibility", "hidden");
            $(".noagentsele").css("visibility", "visible");
            $(".noagensele").css("visibility", "visible");
            $(".agentinput").css("visibility", "visible");

    }
    </script>
    <?php 

if ($_SESSION['yesele'] == 'yes'){

echo '<script type="text/javascript">'
   , 'analyzeagentsection();'
    ,'</script>';
}
    ?>
<script>
$(".agentsele").click(function () {

    //dropdown.bind('change', function(){   
    $(".agentinput").slideDown(1000,function(){
    });
    $(".agent").slideDown(1000,function(){
    });
    $(".agentsele").css("visibility", "hidden");
    $(".agensele").css("visibility", "hidden");
    $(".noagentsele").css("visibility", "visible");
    $(".noagensele").css("visibility", "visible");
    $(".agentinput").css("visibility", "visible");
});

$(".noagentsele").click(function () {

    //dropdown.bind('change', function(){   
    $(".agentinput").slideUp(1000,function(){
    });
    $(".agent").slideUp(1000,function(){
    });
    $(".agentsele").css("visibility", "visible");
    $(".agensele").css("visibility", "visible");
    $(".noagentsele").css("visibility", "hidden");
    $(".noagensele").css("visibility", "hidden");
    $(".agentinput").css("visibility", "hidden");
});

</script>

CSS コード:

    .agent {
    display: none;
    float: left;
    width: 100%;
    margin-bottom: 1%;


}
.agentinput {
    display:none; width:100%; float:left; /*height:auto;*/

}
.noagentsele {
    visibility:hidden;
}
.noagensele{
    visibility:hidden;
    display: block;
}
.agentsele {

}
.agensele{

    display: block;
}
4

1 に答える 1

0

私は実際に値をJavaScriptでチェックし、そうであればボックスを表示に変更します。

コード：

 <script type='text/javascript'>
    function analyzeagentsection() {

            $(".agentinput").slideDown(1000, function() {});
            $(".agent").slideDown(1000, function() {});

            $(".agentsele").css("visibility", "hidden");
            $(".agensele").css("visibility", "hidden");
            $(".noagentsele").css("visibility", "visible");
            $(".noagensele").css("visibility", "visible");
            $(".agentinput").css("visibility", "visible");



    }
    </script>
    <?php 

if ($_SESSION['yesele'] == 'yes'){

echo '<script type="text/javascript">'
   , 'analyzeagentsection();'
    ,'</script>';
}
    ?>
<script>

頑張ってくれてありがとう！

于 2012-09-28T05:08:19.180 に答える