[英]Select html tag default option tag selecting error print
当用户不选择任何数据库值选项标签时,我需要在父div中打印错误颜色。 我将该代码用于<input type="text">
html标记代码,以打印与时间打印错误不匹配的文本字段模式。 代码在下面
<label class="col-md-3 control-label">Product Title</label>
<div class="col-md-6">
<input type="text" name="product_title" class="form-control" required
placeholder="Product Name" value="" pattern="([A-z0-9À-ž\s]){2,}"
oninvalid="setCustomValidity('Please enter least two characters long name')"
onblur="this.parentNode.parentNode.style.backgroundColor=/^([A-z0-9À-ž\s]){2,}/.test
(this.value)?'inherit':'orange'" >
</div>
我的onblur
事件已完成。 然后,当用户未在<select></select>
标记中选择任何数据库值选项时,我现在希望打印错误颜色。 这是我给的默认值。 <option>Select a Manufacturer</option>
当用户选择此<option>Select a Manufacturer</option>
时,或者在该<option>
标记中忘记选择数据库值时,我需要打印错误。
这是代码部分
<div class="form-group"> <!-- form-group Start -->
<label class="col-md-3 control-label"> Select a Manufacturer </label>
<div class="col-md-6">
<select class="form-control" name="manufacturer" required="required">
<option>Select a Manufacturer</option>
<?php
$get_manufacturer ="select * from manufactures";
$run_manufacturer = mysqli_query($con, $get_manufacturer);
while($row_manufacturer = mysqli_fetch_array($run_manufacturer)){
$manufacturer_id = $row_manufacturer['manufacturer_id'];
$manufacturer_title = $row_manufacturer['manufacturer_title'];
echo "<option value='$manufacturer_id'>$manufacturer_title</option>";
}
?>
</select>
</div>
我怎样才能做到这一点?
只需执行<option value="">Select a Manufacturer</option>
。
请参阅下一个链接以供参考: https : //www.w3schools.com/tags/att_select_required.asp
我在这里使用J-Query代码
<select class="form-control" name="manufacturer" required="required" onchange="getval(this);">
<option value="0">Select a Manufacturer</option>
然后我用这个脚本来改变背景
<script type="text/javascript">
function getval(sel)
{
if(sel.value == "0"){
$("#sel").css("background-color", "orange");
}
}
</script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.