我想将选择选项与文本内容进行比较.可以实现.尽管字符串相同,但比较时它们不匹配.
<div id="daterange">
<p>27 Nov 2016_26 Dec 2016</p>
</div>
和选择选项如下:
<select id="daterangeSelect" onchange="showHideForms(this);"><option value="27 Nov 2016_26 Dec 2016" selected>nov-dec</option></select>
在jQuery中,我正在比较:
$("#daterangeSelect").val() and $("#daterange").text()
尽管它们在控制台输出中看起来相同,但如果条件不匹配
可以对可能出什么问题发表评论.
解决方法:
尝试不比较$(“#daterange”).text(),因为它还会返回p标记作为文本.因此将其更改为$(“#daterange p”).text()
console.log($("#daterangeSelect").val());
console.log($("#daterange p").text());
console.log($("#daterangeSelect").val() === $("#daterange p").text());
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="daterange">
<p>27 Nov 2016_26 Dec 2016</p>
</div>
<select id="daterangeSelect" onchange="showHideForms(this);"><option value="27 Nov 2016_26 Dec 2016" selected>nov-dec</option></select>