繁体   English   中英

选择html标签默认选项标签选择错误打印

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM