Question

我在php文件中写了javascript，我想从下拉列表中选择输入，使用javascript下拉列表中的默认值是SELECT，当我提交表单时，我需要提醒信息，请在下拉标签中选择值。除此之外我还需要这个所有下拉选项。无论它发现“SELECT”警报应该与各自的标签

我的尝试是：

String date = request.getParameter("InputDate");

在javascript中我用函数

完成了

我使用<?php include("$_SERVER[DOCUMENT_ROOT]/riteshproject/config.php"); ?> <?php if(isset($_POST['empsubmit'])) { if(isset($_POST['areaname']) && isset($_POST['flat']) && isset($_POST['rentsale'])) { $an=$_POST['areaname']; $flat=$_POST['flat']; $rentsale=$_POST['rentsale']; $_SESSION['an']=$an; $_SESSION['flat']=$flat; $_SESSION['rentsale']=$rentsale; } } if(isset($_REQUEST['unsetsession'])) { session_destroy();; header('location:home.php'); break; } ?> <!DOCTYPE html> <html lang="en"> <head> <title>Shree Shree Property,Kolhapur</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="home.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <style> /* Remove the navbar's default margin-bottom and rounded borders */ .navbar { margin-bottom: 0; border-radius: 0; } /* Set height of the grid so .sidenav can be 100% (adjust as needed) */ .row.content {height: 450px} /* Set gray background color and 100% height */ .sidenav { padding-top: 20px; background-color: #f1f1f1; height: 100%; } /* Set black background color, white text and some padding */ footer { background-color: #555; color: white; padding: 1em 15px; margin-top: 50px; border-radius: 0; } /* On small screens, set height to 'auto' for sidenav and grid */ @media screen and (max-width: 767px) { .sidenav { height: auto; padding: 15px; } .row.content {height:auto;} .active { background-color: #00bfff; } } .col-sm-2{background-color: gray;} .col-sm-8{background-color: #e0e0eb; border-radius: 25px;} .mainBlock4{background-color: gray; overflow: scroll; height: 220px;} .mainBlock5{background-color: gray; overflow: scroll; height: 240px;} th{text-align: center; background-color:black; color:white;} .td1{color:black;} .tr1:nth-child(even) { background-color: #e0e0eb; } .trclose{} .closebutton{ border-collapse: collapse;} .button { background-color: black; border-radius: 10px; color: white; padding: 0.1px 8px; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; margin: 2px 2px; cursor: pointer; border: 2px solid red;} .button:hover { background-color: gray; /* Green */ color: white; </style> </head> <body> <nav class="navbar navbar-inverse"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <img src="../riteshproject/logo.png" align="center" style="width:70px;height:50px;"> </div> <div class="collapse navbar-collapse" id="myNavbar"> <ul class="nav navbar-nav"> <li><a href="../riteshproject/home.php" class="active">Home</a></li> <li class="current" id="dddd"><a href="../riteshproject/aboutus.php" >About US</a></li> <li><a href="#">Contact US</a></li> <li><a href="#">Add Property</a></li> <li><a href="#">Luxarious Property</a></li> <li><a href="#">Property For Sale</a></li> <li><a href="#">Other Services</a></li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href="../riteshproject/Login/login.php"><span class="glyphicon glyphicon-log-in"></span><img src="../riteshproject/login1.jpg" width="60" height="25"></a></li> </ul> </div> </div> </nav> <div class="container-fluid text-center"> <div class="row content"> <div class="col-sm-2 sidenav" align="center" id="2"> <head> <title></title> <script type="text/javascript"> var picPaths = ['../riteshproject/img/prop1.jpg','../riteshproject/img/prop2.jpg','../riteshproject/img/prop3.jpg','../riteshproject/img/prop4.jpg', '../riteshproject/img/prop5.jpg']; var curPic = -1; //preload the images for smooth animation var imgO = new Array(); for(i=0; i < picPaths.length; i++) { imgO[i] = new Image(); imgO[i].src = picPaths[i]; } function swapImage() { curPic = (++curPic > picPaths.length-1)? 0 : curPic; imgCont.src = imgO[curPic].src; setTimeout(swapImage,2000); } window.onload=function() { imgCont = document.getElementById('imgBanner'); swapImage(); } </script> </head> <body> <div> <img id="imgBanner" src="" alt="" /> </div> </body> <div> <p><a href="#">Link</a></p> <p><a href="#">Link</a></p> <p><a href="#">Link</a></p> </div> </div> <div class="col-sm-8 text-left"> <form action="" method="POST" onsubmit="notSELECT()"> <table><tr><td><h4><b>Welcome To Shree Shree Property,Kolhapur</b></h4></td></tr></table> <hr> <h5><b><i><marquee width="365px" height="10px" direction=slide BEHAVIOR=ALTERNATE left:355px>Search Property in kolhapur... </marquee></i></b></h5> </hr> <table> <tr> </tr> <tr> </tr> <tr> <td width='35px'></td> <td> <select name="rentsale" id="rentsale" value="select"> <option>RENT</option> <option>SALE</option> </select> </td> <td><input type="radio" name="radio" value="flat" checked>FLAT</td> <td width='35px'></td> <td><input type="radio" name="radio" value="Bungalo">Bungalow</td> </tr> <tr height="60px"> <td height="20px" />Area <td style="text-align:left"> <select name="areaname" id="areaname" value="select" class="NotEmpty"> <option value="SELECT" style="display:none">SELECT</option> <?php $query="select code,areaname from areamaster"; $query_run=mysql_query($query); mysql_num_rows($query_run); while($row=mysql_fetch_assoc($query_run)) { ?> <option value="<?php echo $row['areaname']?>"><?php echo $row['areaname']?></option> <?php } ?> </select> </td> <td></td> <td>Flat</td> <td style="text-align:left"> <select name="flat" id="flat" value="select"> <option value="SELECT" style="display:none">SELECT</option> <?php $query="select flat from flatmaster"; $query_run=mysql_query($query); mysql_num_rows($query_run); while($row=mysql_fetch_assoc($query_run)) { ?> <option value="<?php echo $row['flat']?>"><?php echo $row['flat']?></option> <?php } ?> </select> </td> </tr> <tr> <td> </td> <td> </td> <td> <input type="submit" name="empsubmit" style="width:75" id="submit" value="Search" class="button" onclick="showDiv()"> </td> </tr> </table> </form> <?php if(isset($_SESSION['an'])) { ?> <div class="heddendiv" width="30px"> <html><b> Property Found for your search...</b> <div Class="mainBlock4" style="width:100%"> <form name="leavesanction" action="" method="POST" onsubmit="notSELECT()" > <table border=3px solid black;> <tr> <th width="15%" align="center">Area</th> <th width="15%" align="center">Flat/Bungalo</th> <th width="12%" align="center">BHK</th> <th width="12%">Rent</th> <th width="16%">Deposit</th> <th width="10%">SQ Ft</th> <th width="10%">FLoor</th> <th width="10%">Lift</th> </tr> <?php $select="select area,proptype,address,bhk,rent,diposit,sqft,floor,lift from propertymaster where area='$an' and bhk='$flat' and rentorsale='$rentsale'"; $property=mysql_query($select); while($row=mysql_fetch_assoc($property)) { ?> <tr class="tr1"> <td class="td1"> <?php echo $row['area'];?> </td> <td align="center"> <?php echo $row['proptype'];?> </td> <td> <?php echo $row['bhk'];?> </td> <td> <?php echo $row['rent'];?> </td> <td> <?php echo $row['diposit'];?> </td> <td> <?php echo $row['sqft'];?> </td> <td> <?php echo $row['floor'];?> </td> <td width="20px"> <?php echo $row['lift'];?> </td> </tr> <?php } ?> </table> <table class="closebutton"> <tr class="trclose" align="center"> <td></td> <td width='260px'></td> <td> <a href="home.php?unsetsession=1"> <input type="submit" name="Close" style="width:75" id="Close" value="Close" class="button"></a> </td> </tr> </table> </form> </div> </html> </div> <?php } ?> <?php if(!isset($_SESSION['an'])) { ?> <div Class="mainBlock5" style="width:100%"> <p>testing div</p> </div> <?php } ?> </div> <div class="col-sm-2 sidenav"> <div class="well"> <p>ADS</p> <img src="../riteshproject/login1.jpg" width="80" height="50"> </div> <div class="well"> <p>ADS</p> </div> </div> </div> </div> <footer class="container-fluid text-center"> <p><b><marquee>Designed,Developed and Maintened By Shree Shree Property,Kolhapur Mob No 9373002173</b></marquee></p> </footer> </body> </html> <script> function notSELECT() { var inputControls = document.getElementsByClassName("areaname"); if (inputControls.value== "SELECT") { alert("Enter Proper search Values"); return false; } return true; } </script>获取值并使用if条件我用“SELECT”检查它并显示getElementByName 我在表单标记alert();

中编写了该函数

所以plz帮助我显示警告信息

请帮帮我

Answer 1

在此代码中：

function notSELECT()   {
    var inputControls = document.getElementsByClassName("areaname");
    if (inputControls.value== "SELECT")         {
        alert("Enter Proper search Values");
        return false;
    }
    return true;  
}

您尝试选择className为＆＃34; areaname＆＃34;的所有元素，但我似乎无法找到具有该名称的任何类。也许这就是你想要的：

function notSELECT()   {
    var inputControls = document.getElementById("areaname");
    if (inputControls.value== "SELECT")         {
        alert("Enter Proper search Values");
        return false;
    }
    return true;  
}

编辑：
对于您的第二个问题（您在评论中说明），这里是代码：

function notSELECT()   {
    var inputControlsAreaName = document.getElementById("areaname");
    var inputControlsFlat = document.getElementById("flat");
    if (inputControlsAreaName.value== "SELECT")         {
        alert("Please select areaname");
        return false;
    }
    if (inputControlsFlat.value== "SELECT")         {
        alert("Please select flat");
        return false;
    }
    return true;  
}

Javascript无法处理表单提交

1 个答案: