我有一个简单的隐藏和显示jQuery代码,我想问一下这是否等同于JavaScript?这是我的代码。
$(document).ready(function() {
$("#myButton").hide();
$("#1").click(function() {
$("#myButton").show();
$("#myButton").click(function() {
$("#myButton").hide();
});
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select>
<option id="1">Science</option>
</select>
<input type="button" value="Click" id="myButton" />
我从下面的注释中遵循了一些代码,但是它们不起作用:
<script>
document.getElementById('myButton').style.display = 'none';
function selectOptionsupdated(select) {
document.getElementById('myButton').style.display = 'block';
}
</script>
<select onSelect="selectOptionsupdated(this)">
<option id="1">Science</option>
</select>
<input type="button" value="Click" id="myButton" />
我首先要隐藏按钮,然后单击<option>
标签“ Science”,然后单击按钮,单击按钮后隐藏按钮。如果还有更多<option>
标签怎么办?
这很简单
document.getElementById('myElement').style.display = 'block'; // show
document.getElementById('myElement').style.display = 'none'; // hide
onSelect="selectOptionsupdated(this)
在您的选择中添加
然后
function selectOptionsupdated(select){
//do your stuff here
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句