Javascript 选中表单操作并隐藏元素

Javascript 选中表单操作并隐藏元素,javascript,jquery,forms,hide,action,Javascript,Jquery,Forms,Hide,Action,我需要以下jQuery代码:如果表单操作是一个特定的链接,那么我需要在其中隐藏某些元素 <form action="/sites/page1.aspx"> <div class="A"></div> <div class="B"></div> </form> 如果表单操作是/sites/page2.aspx,那么我需要隐藏类B 提前谢谢 为表单标记提供一些id,比如id=“myform”,然后在javasc

我需要以下jQuery代码:如果表单操作是一个特定的链接,那么我需要在其中隐藏某些元素

<form action="/sites/page1.aspx">
    <div class="A"></div>
    <div class="B"></div>
</form>
如果表单操作是
/sites/page2.aspx
,那么我需要隐藏类B


提前谢谢

为表单标记提供一些id,比如id=“myform”,然后在javascript中尝试document.getElementById(“myform”).action,您将获得操作URL。通过在javascript中添加条件,您可以轻松完成Rest:-)

JQuery ypu可在加载时使用的示例:

$( window ).load(function() {
var form = $('#myform').attr('action');
if(form == '/sites/page1.aspx'){
//Code to hide your DIV ;-)
}
}
试试这个:

if ($('form').attr('action') == '/sites/page1.aspx') {
    $('form .A').hide();
} else if ($('form').attr('action') == '/sites/page2.aspx') {
    $('form .B').hide();
} else {
    // do whatever you want
} 
$(文档).ready(函数(){
log('HELLO->'+$('form').attr('action');
if($('form').attr('action')=='/sites/page1.aspx'){
$('form.A').hide();
}else if($('form').attr('action')=='/sites/page2.aspx')){
$('form.B').hide();
}否则{
//你想干什么就干什么
} 
});

你好
是我

解决方案就像CSS规则一样简单,不需要执行任何jQuery,这是一件好事,因为即使浏览器中关闭Javascript,它也可以工作:

form[action=\/sites\/page1.aspx] > .A, form[action=\/sites\/page2.aspx] > .B {
    display: none;
}

如果动态需要,您可以将其生成为
样式
标记,如果有预定义的设置,则可以将其写入外部CSS。

&它不起作用。很抱歉它实际上是一个sharepoint网站,我无法编辑表单。因此,尝试使用jquery进行控制
form[action=\/sites\/page1.aspx] > .A, form[action=\/sites\/page2.aspx] > .B {
    display: none;
}