这是下拉选择软件包类别,例如:我选择UNIFI它会隐藏所有除UNIFI软件包列表..但是当我选择的Streamyx选定UNIFI软件包列表仍没有复位意味着我提交UNIFI和streamyx的如何根据所选下拉菜单从sql中更改下拉值
<form onsubmit="return validate()" name="registration" method="post"
action="" class="form-horizontal form-label-left">
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name"> Package Category<label style="color:red;">*</label> :
</label>
<div class="col-md-6 col-sm-6 col-xs-12">
<select name="PACKAGE_CATEGORY" class="form-control" onmousedown="this.value='';" onchange="jsFunction(this.value);" required id="streamSelect">
<option disabled selected value> -- select an option -- </option>
<option value="UNIFI">Unifi</option>
<option value="STREAMYX">Streamyx</option>
<option id="myDIV" value="WEBE">Webe</option>
<option id="myDIVA" value="LEASE LINE">Lease Line(DOME)</option>
</select>
</div>
</div>
<div class="form-group" id="beb">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name"> Package List :
</label>
<div class="col-md-6 col-sm-6 col-xs-12">
<select name="PACKAGE_ID_UNIFI" class="form-control" onmousedown="this.value='';" onchange="jsFunction(this.value);">
<option disabled selected value> -- select an option -- </option>
<?php
$result = mysqli_query($conn,"select * from unifi ORDER BY PACKAGE_NAME ASC");
while ($row=mysqli_fetch_assoc($result))
{?>
<option value="<?php echo $row["no"]; ?>"> <?php echo $row["PACKAGE_NAME"]; ?></option>
<?php
}
?>
</select>
</div>
</div>
<div class="form-group" id="bob">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name"> Package List :
</label>
<div class="col-md-6 col-sm-6 col-xs-12">
<select name="PACKAGE_ID_STREAMYX" class="form-control" onmousedown="this.value='';" onchange="jsFunction(this.value);" >
<option disabled selected value> -- select an option -- </option>
<?php
$result = mysqli_query($conn,"select * from streamyx ORDER BY PACKAGE_NAME ASC");
while($row=mysqli_fetch_assoc($result))
{?>
<option value="<?php echo $row["PACKAGE_NAME"]; ?>"> <?php echo $row["PACKAGE_NAME"]; ?></option>
<?php
}
?>
</select>
</div>
</div>
<div class="form-group" id="kok">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name"> Package List :
</label>
<div class="col-md-6 col-sm-6 col-xs-12">
<select name="PACKAGE_ID_WEBE" class="form-control" onmousedown="this.value='';" onchange="jsFunction(this.value);" >
<option disabled selected value> -- select an option -- </option>
<?php
$result = mysqli_query($conn,"select * from webe ORDER BY PACKAGE_NAME ASC");
while($row=mysqli_fetch_assoc($result))
{?>
<option value="<?php echo $row["PACKAGE_NAME"]; ?>"> <?php echo $row["PACKAGE_NAME"]; ?></option>
<?php
}
?>
</select>
</div>
</div>
<div class="form-group" id="joj">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name"> Package List :
</label>
<div class="col-md-6 col-sm-6 col-xs-12">
<select name="PACKAGE_ID_DOME" class="form-control" onmousedown="this.value='';" onchange="jsFunction(this.value);" >
<option disabled selected value> -- select an option -- </option>
<?php
$result = mysqli_query($conn,"select * from dome ORDER BY PACKAGE_NAME ASC");
while($row=mysqli_fetch_assoc($result))
{?>
<option value="<?php echo $row["PACKAGE_NAME"]; ?>"> <?php echo $row["PACKAGE_NAME"]; ?></option>
<?php
}
?>
</select>
</div>
</div>
<button type="submit" class="btn btn-success" name="subtn">Submit</button>
</form>
这是我的JavaScript来隐藏某些ID
<script>
function jsFunction(value)
{
var a = document.getElementById('beb');
if ((value) == 'UNIFI')
{
a.style.display = '';
}
else if((value) == 'STREAMYX')
{
a.style.display = 'none';
a.value = '';
}
else if((value) == 'WEBE')
{
a.style.display = 'none';
a.value = '';
}
else if((value) == 'LEASE LINE')
{
a.style.display = 'none';
a.value = '';
}
var a = document.getElementById('bob');
if ((value) == 'UNIFI')
{
a.style.display = 'none';
a.value = '';
}
else if((value) == 'STREAMYX')
{
a.style.display = '';
}
else if((value) == 'WEBE')
{
a.style.display = 'none';
a.value = '';
}
else if((value) == 'LEASE LINE')
{
a.style.display = 'none';
a.value = '';
}
var a = document.getElementById('kok');
if ((value) == 'UNIFI')
{
a.style.display = 'none';
}
else if((value) == 'STREAMYX')
{
a.style.display = 'none';
}
else if((value) == 'WEBE')
{
a.style.display = '';
}
else if((value) == 'LEASE LINE')
{
a.style.display = 'none';
}
var a = document.getElementById('joj');
if ((value) == 'UNIFI')
{
a.style.display = 'none';
}
else if((value) == 'STREAMYX')
{
a.style.display = 'none';
}
else if((value) == 'WEBE')
{
a.style.display = 'none';
}
else if((value) == 'LEASE LINE')
{
a.style.display = '';
}
}
</script>
ü可以简单地使用AJAX做到这一点.. – Vimal
u能提供任何例子或链接 –