Question

我有一个由后台生成的下拉列表。我无法改变后台如何编码这个下拉列表。但我需要为此下拉列表选择用户。

我使用以下代码，这适用于JSFIDDLE HERE。但是，此代码会查看用户是否选择了另一个值而不是值“A”来确定是否进行了选择。但这在我的情况下还不够好，因为这个值指示会在其他下拉列表中发生变化。我需要代码来查看用户选择是否已从文本“PLEASE SELECT - $ 0,00”更改“ - $ 0,00”也可能因不同的下拉菜单而有所不同，所以我需要代码才能过滤“请选择“下拉文本的一部分。

此外，我需要浏览器在这种情况下不要求关闭这些警告。

有人可以帮忙吗？

function selection()
{    
 var cat = document.getElementById('select').value;    
    if (cat == "A") {

            alert('Please make a selection');
            return false;
   }
    return true;
}

Answer 1

提醒你想要的任何文字而不是alert()

document.getElementById('alert').innerHTML = "Please make a selection";

检查更新后的fiddle

Answer 2

So there is couple of questions in your question, lets start with

1) Ensuring the selected item does not start with "PLEASE SELECT".

function selection()
{    
    var sel = document.getElementById('select');    
    var selectedText = sel.options[sel.selectedIndex].text;
    if (selectedText.startsWith("PLEASE SELECT")) {

            alert('Please make a selection');
            return false;
   }
    return true;
}

2) Stopping the user forcing the browser to no longer allow alert

This is not something you can control. If you want full control over a model dialog then there are plenty of these available - bootstrap has one, jQueryUI has one. Any UI framework you're using will almost certainly have one

Answer 3

您可以尝试以下内容：

:global{
    .site-wrapper {
        color: 'green';
    }
    .site-wrapper-title {
        color: 'red';
    }   
}

对于警告，您需要将警报更改为模态或页面上的通知/警告消息

强制下拉

3 个答案: