2014-11-23 240 views
0

嗨HTML列表項的樣式值,我已經隱藏在默認情況下,它包含一個日期選取器頁面上的HTML列表項,多數民衆贊成:獲得比較

<li id="hiddenListItem" style="display:none;"> 
    <label for="returning">Returning:</label> 
    <input type="text" id="returning" required/> 
    <span class="form_hint">Proper format "12/04/2014"</span> 
</li> 

如果用戶選擇他們想要返回行程則列表項目可見:

<script> 
function needReturn() { 
    var item = document.getElementById("hiddenListItem"); 
    item.style.display = 'list-item'; 
}</script> 


<script> 
function dontNeedReturn() { 
    var item = document.getElementById("hiddenListItem"); 
    item.style.display = 'none'; 
}</script> 

如果用戶點擊繼續按鈕,然後外部.js文件確認的形式,但如果他們不需要回程機票,然後瀏覽器會顯示消息說,請在此填寫信息。

我希望能確定的ListItem風格的狀態,如果是可見的然後顯示其他警告繼續:

 else if (returning === "") 
    { 
     var item = document.getElementById("hiddenListItem"); 
     if(item.style.display === "list-item") 
     { 
      alert("Please enter a return date."); 
     } 
    } 

我不能得到上述聲明的工作,任何幫助,請。

HTML和JS不是我的東西。

回答

1

這應該工作:

if (item.style.display !== 'none') { 
    alert("Please enter a return date."); 
}