Javascript igner&单击reset按钮它不起作用……我以前尝试过,它将解决当前问题,但还会产生一个问题,即一旦单击reset按钮,产品值仍将保持如下: <form method="post" enctype='multipart/form-data' act
Javascript igner&单击reset按钮它不起作用……我以前尝试过,它将解决当前问题,但还会产生一个问题,即一旦单击reset按钮,产品值仍将保持如下: <form method="post" enctype='multipart/form-data' act,javascript,php,jquery,html,css,Javascript,Php,Jquery,Html,Css,igner&单击reset按钮它不起作用……我以前尝试过,它将解决当前问题,但还会产生一个问题,即一旦单击reset按钮,产品值仍将保持如下: <form method="post" enctype='multipart/form-data' action="update_paidstatus.php" onsubmit="return validate();"> <table> <tr> <td> Designer
igner&单击
reset
按钮它不起作用……我以前尝试过,它将解决当前问题,但还会产生一个问题,即一旦单击reset按钮,产品值仍将保持如下:
<form method="post" enctype='multipart/form-data' action="update_paidstatus.php" onsubmit="return validate();">
<table>
<tr>
<td> Designer </td>
<td>
<select onchange="getOrderDetail(event);" name="designer_id" id="designer_id">
<option value="">Select Designer</option>
<?php while($data = $stmt->fetch()) { if($data['type']=="admin")continue;?>
<option value="<?php echo $data['userID'];?>"><?php echo $data['name'];?></option>
<?php } ?>
</select>
</td>
<td><p id="error_para1" ></p></td>
</tr>
<tr>
<td>
Order Number:
</td>
<td>
<div id="ordernumbers">
<select name="designerorder_id" id="designerorder_id">
<option value="">Select Order</option>
</select>
</div>
</td>
<td><p id="error_para2" ></p></td>
</tr>
<tr>
<td>
Product
</td>
<td>
<div id="productnumbers" name="dproduct_ids" id="dproduct_ids">
<select id="mySelect">
<option>Select Products</option>
</select>
</div>
</td>
<td><p id="error_para3" ></p></td>
</tr>
</table>
<hr/>
<input type="hidden" name="dproduct_id" id="dproduct_id" value=""/>
<input class="btn btn-large btn-primary" name="btn-signup" type="submit" id="btnSubmit" value="Submit" />
<button formnovalidate="formnovalidate" class="btn btn-large btn-primary">RESET</button>
</form>
function validate()
{
// alert("d");
var error="";
var designer_id = document.getElementById( "designer_id" );
if( designer_id.value == "" )
{
error = " Please Select Designer";
document.getElementById( "error_para1" ).innerHTML = error;
return false;
}
var error="";
var dproduct_ids = document.getElementById( "dproduct_ids" );
if( dproduct_ids.value == "" )
{
error = " Please Select Product";
document.getElementById( "error_para3" ).innerHTML = error;
return false;
}
var error="";
var designerorder_id = document.getElementById( "designerorder_id" );
if( designerorder_id.value == "" )
{
error = " Please Select Order";
document.getElementById( "error_para2" ).innerHTML = error;
return false;
}
var error="";
var commission = document.getElementById( "commission" );
alert(commission.value );
if(commission.value == "" )
{
error = " Please add commission";
document.getElementById( "error_para5" ).innerHTML = error;
return false;
}
var error="";
var Duedate = document.getElementById( "Duedate" );
if(Duedate.value == "" )
{
error = " Please Select Designer";
document.getElementById( "error_para6" ).innerHTML = error;
return false;
}
else
{
return true;
}
}
$(document).ready(
/* This is the function that will get executed after the DOM is fully loaded */
function () {
$( "#datepicker" ).datepicker({
changeMonth: true,//this option for allowing user to select month
changeYear: true //this option for allowing user to select from year range
});
}
);
function getOrderDetail(e)
{
var designerId=e.target.options[e.target.selectedIndex].value;
var url="http://sbdev2.kidsdial.com:81/php/site6/designerpaidstatus.php?designer_id="+designerId+"&opration=2";
var request = jQuery.ajax( {
url: url ,
type: 'POST',
} );
request.done( function (result)
{
document.getElementById('ordernumbers').innerHTML =result;
} );
request.fail( function ( error )
{
console.dir(error);
} );
}
function getProductDetail(e)
{
var productId = $("#dproductselect option:selected").attr("class");
var finalstrig=productId.split(",");
var select='';
select+='<select class="test" multiple="multiple" name="dproduct_ids" id="dproduct_ids">';
for(i=0;i<finalstrig.length;i++)
{
if(finalstrig[i]!=0)
{
select +='<option value="'+finalstrig[i]+'">'+finalstrig[i]+'</option>';
}
}
select +='</select>';
document.getElementById('productnumbers').innerHTML =select;
(function($) {
$(function() {
$('.test').fSelect();
});
})(jQuery);
}
<!-- reset -->
$("button").click(function() {
$("#mySelect").val([]);
});
<button type="button" onClick="resetSelect()" formnovalidate="formnovalidate" class="btn btn-large btn-primary">RESET</button>
<script type="text/javascript">
function resetSelect() {
$("#mySelect").fSelect("reload");
}
</script>
<input type="reset" class="btn btn-large btn-primary" id='button_reset' formnovalidate="formnovalidate" value="RESET"/>
$(function(){
$("#button_reset").click(function() {
$("#productnumbers").html('<select id="mySelect"><option>Select Products</option></select>');
});
});
<input type="reset" class="btn btn-large btn-primary" formnovalidate="formnovalidate" value="RESET"/>