2012-11-28 74 views
0

我有一個文本字段,其中值填充時屏幕加載,也有一個選擇列表。比較文本字段和選擇列表值和提醒

我的問題是,當用戶在選擇列表中選擇一個值並與文本字段進行比較,並在不相等時觸發警報消息。

請幫忙!

JS: 
function doType() 
{ 
    if (document.getElementById("Text1").value != document.getElementById("Select1").value) 
    alert(document.getElementById("Select1").value) 
} 

HTML: 
<tr> 
     <td align="right"><b>Select 1:</b></td> 
     <td align=left> 
      <select name="Select1" onChange="doType();"></select> 
     </td> 
     <td align="right"><b> Text 1:</b></td> 
     <td align="left"> 
      <input name="Text1" type="text" size="10" maxlength="10"> 
     </td> 
    </tr> 
+0

JS: \t功能待辦事宜() \t { \t \t如果(的document.getElementById( 「文本1」)值!= document.getElementById(「Select1」)。value) \t \t警報(的document.getElementById( 「選擇一」)值。) \t} HTML: \t 選擇1: <選擇名稱= 「選擇一」 的onChange = 「待辦事宜();」> 文本1: <輸入名稱= 「文本1」 型=「text」size =「10」maxlength =「10」> – user1858894

回答

0

JS:

function doType() 
    { 
     if(document.getElementById("Select1").value === document.getElementById("Text1").value){ 
     alert("Equal"); 
     } 

     else{ 
     alert(" Not Equal"); 
     } 
    } 

HTML:

<select id="Select1"onChange="doType();"> 
<option>Apple</option> 
<option>Orange</option> 
<option>Pineapple</option> 
<option>Banana</option> 
</select> 

<input id="Text1" type="text" value="Apple"/> 
+0

我試過但不工作:(我試着給文本字段值和選擇列表值單獨提醒。文本字段值不是 – user1858894

+0

這是因爲你沒有給選擇框和文本字段的'id'。您必須將'id'分配給每個元素才能在JavaScript中訪問它們的值 –