ドロップダウンを行う必要があります

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

だからあなたの問題の質問のカップルがあるとして、「選択してください」と起動しない選択した項目の確保）

1で開始できます。もはやこれは、あなたがコントロールできるものではありませんalert

許可しないようにブラウザを強制的にユーザーを停止

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）。モデルダイアログを完全にコントロールしたい場合は、ブートストラップにはたくさんあります。ブートストラップには1つあり、jQueryUIには1つあります。使用しているUIフレームワークにはほとんど確実に1つがあります

Answer 2

アラート代わりalert()

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

を使用してのあなたが何かしようとすることができ、更新fiddle

Answer 3

チェック：警告について

function selection() 
{  
var cat = $('#select option:selected').val();  
    if (cat == $('#select option:first-child').val()) { 

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

をあなたはモーダルに変更するか、ページ上でアラートを変更する必要があります予告/警告メッセージ