2014-11-23 80 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."); 
}