隐藏字段中的JavaScript条件
我有两个字段(选择社交网络和输入usersocialnetwork)以js为条件,因此当人们选择“其他”时,会出现一个新字段,我有一个按钮添加其他额外字段以选择另一个社交网络,一切都很好,但我不能将工作作为选项“其他”的第二个条件 我感谢你的帮助隐藏字段中的JavaScript条件,javascript,html,forms,Javascript,Html,Forms,我有两个字段(选择社交网络和输入usersocialnetwork)以js为条件,因此当人们选择“其他”时,会出现一个新字段,我有一个按钮添加其他额外字段以选择另一个社交网络,一切都很好,但我不能将工作作为选项“其他”的第二个条件 我感谢你的帮助 函数otherps(){ if($(“#平台"社交”).val()!=''){ $(“#社交用户”).prop('disabled',false); $(“#社交用户”).prop('required',true); }否则{ $(“#社交用户”).
函数otherps(){
if($(“#平台"社交”).val()!=''){
$(“#社交用户”).prop('disabled',false);
$(“#社交用户”).prop('required',true);
}否则{
$(“#社交用户”).prop('disabled',true);
$(“#社交用户”).prop('required',false);
}
if($(“#平台#社交”).val()=“其他”){
$(“#其他社交”).css(“显示”、“块”);
$(“#其他平台”).prop('required',true);
//$(“输入”).prop('required',true);
}否则{
$(“#其他平台”).val(“”);
$(“#其他平台”).prop('required',false);
$(“#其他社交”).css(“显示”、“无”);
}
}
//更加社会化
函数add_social(){
var crd=$(“#社会数据”).val();
var newblock=“
其他社交媒体”;
纽布洛克+='';
纽布洛克+='';
newblock+=“提供商/平台:”;
纽布洛克+='';
纽布洛克+='';
newblock+='ASKfm';
newblock+=‘Facebook’;
newblock+='Flickr';
newblock+='GitHub';
newblock+='Google+';
newblock+=“Instagram”;
newblock+='JustPaste.it';
newblock+=‘LinkedIn’;
newblock+='Tumblr';
newblock+=‘Twitter’;
纽布洛克+=‘藤蔓’;
新块+=“VKontakte(VK)”;
newblock+=‘YouTube’;
新锁+=‘其他’;
纽布洛克+='';
纽布洛克+='';
新块+='
';
newblock+=“其他平台/提供商*”;
新块+='
';
纽布洛克+='';
纽布洛克+='';
新块+='
';
纽布洛克+='';
newblock+=“社交媒体标识符:”;
纽布洛克+='';
纽布洛克+='';
纽布洛克+='';
$(“#socialextra”)。追加(新块);
var whichplatform_social=“#platform_social”+crd;
变量whichsocial_usere=“#social_user”+crd;
var whichotherplatform=“#其他平台”+crd;
var whichothersocial=“#othersocial”+crd;
$(whichplatform\u social).prop('required',true);
$(whichsocial_user).prop('required',true);
$(whichotherplatform).prop('required',true);
$(whichothersocial).css('display','block');
如果($whichotherplatform!=''){
$whichsocial_usere.prop('disabled',false);
$whichsocial_usere.prop('required',true);
}否则{
$whichsocial_usere.prop('disabled',true);
$whichsocial_usere.prop('required',false);
}
如果(whichotherplatform==“其他”){
$whichothersocial.css(“显示”、“块”);
$whichotherplatform.prop('required',true);
//$(“输入”).prop('required',true);
}否则{
$whichotherplatform.val(“”);
$whichotherplatform.prop('required',false);
$whichothersocial.css(“显示”、“无”);
}
crd++;
美元(“#社会数据”).val(crd);
}
供应商/平台
ASKfm
脸谱网
Flickr
github
谷歌+
一款图片分享应用
就贴吧
LinkedIn
Tumblr
啁啾
藤蔓植物
VKontakte(VK)
YouTube
其他
其他平台
社交媒体标识符
再加一个
检查代码片段
函数otherps(val){
如果($(“#平台#社交“+val).val()!=”){
$(“#社交用户”+val).prop('disabled',false);
$(“#社交用户”+val).prop('required',true);
}否则{
$(“#社交用户”+val).prop('disabled',true);
$(“#社交用户”+val).prop('required',false);
}
if($(“#平台#社交”+val).val()==“其他”){
$(#othersocial“+val).css(“显示”、“块”);
$(“#其他平台”+val).prop('required',true);
//$(“输入”).prop('required',true);
}否则{
$(“#其他平台”+val).val(“”);
$(“#其他平台”+val).prop('required',false);
$(#othersocial“+val).css(“显示”、“无”);
}
}
//更加社会化
函数add_social(){
var crd=$(“#社会数据”).val();
var newblock=“
其他社交媒体”;
纽布洛克+='';
纽布洛克+='';
newblock+=“提供商/平台:”;
newblock+='您想将新添加的社交网络添加到上一个select元素的何处?如果这是您正在使用的代码,则js文件中缺少大括号结尾。您没有关闭add social function。Hi@HarshanaNarangoda它已关闭,很抱歉我复制代码时错过了它,但它已关闭,现在正像这样工作,您选择一个社交网络并在“社交媒体标识符”字段中键入用户,如果您选择“其他”,则会出现一个新字段以键入“其他”社交网络的名称,该字段下方有一个“添加其他”按钮(功能Add_social),因此当人们单击时,会出现另一个选择和“社交媒体标识符”字段。在这里完美运行之前,我有额外的字段来获得另一个社交网络,但是当人们在第二个社交网络字段中选择“其他”时,我无法添加相同的条件,谢谢您的帮助。您想使用相同的方法来实现吗?然后您必须添加onchange=“otherps();“在动态html中选择标记。