Javascript 第一次选择时显示下拉项，第二次选择时隐藏同一项选择C时如何显示表单输入，选择A、B、D时如何隐藏当下次选择C时，该时间也将隐藏表单输入。i、 e.假设第一次选择C时，它将显示表单输入，但第二次选择C时，它将隐藏表单输入_Javascript_Jquery

Javascript 第一次选择时显示下拉项，第二次选择时隐藏同一项选择C时如何显示表单输入，选择A、B、D时如何隐藏当下次选择C时，该时间也将隐藏表单输入。i、 e.假设第一次选择C时，它将显示表单输入，但第二次选择C时，它将隐藏表单输入

javascript jquery

Javascript 第一次选择时显示下拉项，第二次选择时隐藏同一项选择C时如何显示表单输入，选择A、B、D时如何隐藏当下次选择C时，该时间也将隐藏表单输入。i、 e.假设第一次选择C时，它将显示表单输入，但第二次选择C时，它将隐藏表单输入,javascript,jquery,Javascript,Jquery,任何人都知道怎么做 <!DOCTYPE html> <html> <body> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> </script> <div class="pm"> <select name="pay"> <option>A</option>

任何人都知道怎么做

<!DOCTYPE html>
<html>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
</script>
<div class="pm">
  <select name="pay">
    <option>A</option>
    <option>B</option>
    <option>C</option>
    <option>D</option>
  </select>
</div>

<form class="form_input">
<input type="text" placeholder="write something"/>
</form>

<script>
$('.pm').on('change', "select[name='pay']", function(ev) {
    if($(ev.currentTarget.selectedOptions).text()=== "C"){
        $("#form_input").show();
    }
    else{
    $("#form_input").hide();
    }
});
</script>
</body>
</html>


A.
B
C
D
$（'.pm'）。在（'change'）上，选择[name='pay']，函数（ev）{
如果（$（ev.currentTarget.selectedOptions）.text（）=“C”）{
$（“#表单输入”）.show（）；
}
否则{
$（“#表单输入”）.hide（）；
}
});

var firstTime=true；
$（'.pm'）。在（'change'）上，选择[name='pay']，函数（ev）{
if（$（ev.currentTarget.selectedOptions）.text（）=“C”&&firstTime==true）{
console.clear（）；
控制台日志（“打印了C”）；
$（'#theInput'）.css（“显示”、“块”）；
第一次=错误；
}
否则{
//ev.empty（）；
$（'#theInput'）.css（“display”，“none”）；
}
});

A.
B
C
D

var firstTime=true；
$（'.pm'）。在（'change'）上，选择[name='pay']，函数（ev）{
if（$（ev.currentTarget.selectedOptions）.text（）=“C”&&firstTime==true）{
console.clear（）；
控制台日志（“打印了C”）；
$（'#theInput'）.css（“显示”、“块”）；
第一次=错误；
}
否则{
//ev.empty（）；
$（'#theInput'）.css（“display”，“none”）；
}
});

A.
B
C
D
您可以使用一个属性来知道是否显示了C选项。请检查此代码段。您好

$（'.form_input'）.hide（）；
$（'.pm'）。在（'change'）上，选择[name='pay']，函数（ev）{
如果（$（ev.currentTarget.selectedOptions）.text（）=“C”）{
console.clear（）；
if（$（this.attr（'显示'））{
$（'.form_input'）.hide（）；
}否则{
$（'.form_input'）.show（）；
控制台日志（“打印了C”）；
$（this.attr（'显示'，true））；
}
}
否则{
$（'.form_input'）.hide（）；
}
});

A.
B
C
D
您可以使用一个属性来知道是否显示了C选项。请检查此代码段。您好

$（'.form_input'）.hide（）；
$（'.pm'）。在（'change'）上，选择[name='pay']，函数（ev）{
如果（$（ev.currentTarget.selectedOptions）.text（）=“C”）{
console.clear（）；
if（$（this.attr（'显示'））{
$（'.form_input'）.hide（）；
}否则{
$（'.form_input'）.show（）；
控制台日志（“打印了C”）；
$（this.attr（'显示'，true））；
}
}
否则{
$（'.form_input'）.hide（）；
}
});

A.
B
C
D
您使用了错误的选择器，请使用
而不是
，因为表单具有类表单输入
而不是id。无论如何，您需要跟踪C
的选择，请尝试此示例

$（函数（）{
var countOfC=0；
$（'select[name=pay]'）。在（'change'，function（）上{
console.log（'selected'，this.value）；
$（'form.form_input'）.hide（）；
如果（'C'==此.value）{
countOfC++；
如果（1==countOfC）{
$（'form.form_input'）.show（）；
}否则{
log（'之前已选择，因此未显示'）；
}
}
}).trigger（'change'）；/*页面加载触发器*/
});

A.
B
C
D
您使用了错误的选择器，请使用
而不是
，因为表单具有类表单输入
而不是id。无论如何，您需要跟踪C
的选择，请尝试此示例

$（函数（）{
var countOfC=0；
$（'select[name=pay]'）。在（'change'，function（）上{
console.log（'selected'，this.value）；
$（'form.form_input'）.hide（）；
如果（'C'==此.value）{
countOfC++；
如果（1==countOfC）{
$（'form.form_input'）.show（）；
}否则{
log（'之前已选择，因此未显示'）；
}
}
}).trigger（'change'）；/*页面加载触发器*/
});

A.
B
C
D
我就是这样做的
绑定单击事件，以便无论选定值是否更改，都可以看到每次选择的内容。所以，如果用户选择C
，然后再次选择C
，您可以处理它

var标志=true；
$（'select[name=“pay”]”）。在（'click'，函数（ev）{
如果（电动偏置<0）{
if（['A'，'B'，'D'].indexOf（$（“选择[name='pay']：选定”）.text（）>=0）{
$（'.input'）.hide（）；
}
如果（$（“选择[name='pay']：选中”）.text（）=='C'&&flag）{
$（'.input'）.show（）；
flag=false；
}否则{
$（'.input'）.hide（）；
} 
}否则{
}
});
.input{
显示：无；
}

A.
B
C
D
我就是这样做的
绑定单击事件，以便无论选定值是否更改，都可以看到每次选择的内容。所以，如果用户选择C
，然后再次选择C
，您可以处理它

var标志=true；
$（'select[name=“pay”]”）。在（'click'，函数（ev）{
如果（电动偏置<0）{
if（['A'，'B'，'D'].indexOf（$（“选择[name='pay']：选定”）.text（）>=0）{
$（'.input'）.hide（）；
}
如果（$（“选择[name='pay']：选中”）.text（）=='C'&&flag）{
$（'.input'）.show（）；
flag=false；
}否则{
$（'.input'）.hide（）；
} 
}否则{
}
});
.input{
显示：无；
}

A.
B
C
D