javascript下拉验证答案

【问题标题】：javascript dropdown validationjavascript下拉验证
【发布时间】：2021-06-01 04:41:04
【问题描述】：

如果您没有选择任何内容并且无法使其正常工作，我需要提醒您。它需要显示哪里出了问题并通过窗口提醒。

<!DOCTYPE html>
<html>
<head>
<select id="ddlView">
<option value="0">Select</option>
<option value="1">test1</option>
<option value="2">test2</option>
<option value="3">test3</option>
</select>  
<input type="button" onclick="myFunction()" value="select" />

<script>
function Validate()
{
var e = document.getElementById("ddlView");
var strUser = e.options[e.selectedIndex].value;

var strUser1 = e.options[e.selectedIndex].text;
if(strUser==0)
{
alert("Please select a user");
}
}
</td></head>

</html>

【问题讨论】：

标签： javascript validation

【解决方案1】：

我认为您在这里有多个问题。

你需要添加一个body标签
在您的按钮中设置正确的函数名称。
你需要一个结束脚本标签

试试这个：

<!DOCTYPE html>
<html>
    <body>
        <select id="ddlView">
            <option value="0">Select</option>
            <option value="1">test1</option>
            <option value="2">test2</option>
            <option value="3">test3</option>
        </select>  
        <input type="button" onclick="Validate()" value="select" />

        <script type="text/javascript">
            function Validate()
            {
                var e = document.getElementById("ddlView");
                var strUser = e.options[e.selectedIndex].value;

                var strUser1 = e.options[e.selectedIndex].text;
                if(strUser==0)
                {
                    alert("Please select a user");
                }
            }
        </script>
    </body>
</html>

【讨论】：

【解决方案2】：

这不是你要求的，但你仍然可以考虑我做了什么。有一个值为 0 的 option ，这将是下拉菜单的默认选项，并将 required 属性添加到 select强>元素。一旦这个 select 元素在 form 中并被提交，HTML 将自动接管验证部分。

<select required>
<option value="">Select</option>
<option value="1">Option1</option>
</select>

【讨论】：

【解决方案3】：

<body>
<div>
    <span>Select the course : </span>
    <select id="ddlView">
        <option value="0">Select</option>
        <option value="1">Java Script</option>
        <option value="2">CSS</option>
        <option value="3">JQuery</option>
        <option value="3">HTML</option>
        <option value="3">C#</option>
    </select>
</div>
<br >
<input type="button" class="btn" value="Submit" id="btnSubmit" onclick="ddlValidate();" />

<script type="text/javascript">
    function ddlValidate() {
        var e = document.getElementById("ddlView");
        var optionSelIndex = e.options[e.selectedIndex].value;
        var optionSelectedText = e.options[e.selectedIndex].text;
        if (optionSelIndex == 0) {
            alert("Please select a Course");
        }
        else {
            alert("Success !! You have selected Course : " + optionSelectedText); ;
        }
    }
</script>

【讨论】：

更多解释您的代码与 OP 有何不同以及为什么它可以工作可能会有用。

【解决方案4】：

这必须在您的表单处理脚本中，您只需将其添加到代码顶部并检查它是否已提交。

// Place this atop of your script.
if(isset($_POST)) {
    if($_POST['member_id']) {
        // Your codes here
    }
}

【讨论】：

问题（或标签或提供的代码）中没有提及 PHP