Javascript 在下拉列表中按值更改标签
我有一个BuddyPress配置文件表单，它当前在不同的成员类型之间共享字段，因此可以强制强制这些字段 我希望字段A（突出显示）能够更改用B突出显示的标签/图例，以便用户选择一个值后，我可以显示相关文本（每个下拉值都需要更改） 在用户选择了成员类型之后，我已经有了PHP代码来控制这些标签，我只需要知道在他们保存这些值之前要做什么 第一个字段是字段_6 第二个是第19场 第三个是字段_505 第四个是第56场 我相信一段javascript代码可以使这项工作正常进行，但这并不是我擅长的编程语言 更新： 此后需求发生了变化，但我找到了解决方案，并分享给其他人使用。这还包括更改输入框上的标签。 如果有人有更好的方法来写这段代码，很乐意接受建议Javascript 在下拉列表中按值更改标签,javascript,php,jquery,wordpress,buddypress,Javascript,Php,Jquery,Wordpress,Buddypress,我有一个BuddyPress配置文件表单，它当前在不同的成员类型之间共享字段，因此可以强制强制这些字段 我希望字段A（突出显示）能够更改用B突出显示的标签/图例，以便用户选择一个值后，我可以显示相关文本（每个下拉值都需要更改） 在用户选择了成员类型之后，我已经有了PHP代码来控制这些标签，我只需要知道在他们保存这些值之前要做什么 第一个字段是字段_6 第二个是第19场 第三个是字段_505 第四个是第56场 我相信一段javascript代码可以使这项工作正常进行，但这并不是我擅长的编程语言
$(document).ready(function(){
$('#field_6').change(
function () {
var membertype = $('option:selected', this).text();
var cphmtp = document.getElementsByClassName("field_56");
var cphmtp_label = cphmtp[0].getElementsByTagName("label");
var age_ranges = document.getElementsByClassName("field_505");
var age_ranges_legend = age_ranges[0].getElementsByTagName("legend");
var age_ranges_option = document.getElementById("field_1120_0");
if (membertype == 'Babysitter or Nanny') {
$("#field_56").val("");
cphmtp_label[0].innerHTML = "Cost Per Hour (required)";
$('.field_56').show();
age_ranges_legend[0].innerHTML = "Age ranges of children able to sit (required)";
$("label[for='field_1120_0']").html('<input type="checkbox" name="field_505[]" id="field_1121_0" value="I don\'t mind">I don\'t mind');
$('.field_505').show();
} else if (membertype == 'Parent') {
$("#field_56").val("1");
$('.field_56').hide();
age_ranges_legend[0].innerHTML = "Age that my children are (required)";
$("label[for='field_1120_0']").html('<input type="checkbox" name="field_505[]" id="field_1121_0" value="I don\'t mind">I\'d rather not say');
$('.field_505').show();
} else {
$('.field_56').hide();
$('.field_505').hide();
}
});
});
$（文档）.ready（函数（）{
$（“#字段_6”）。更改(
函数（）{
var membertype=$（'option:selected'，this）.text（）；
var cphmtp=document.getElementsByClassName（“字段_56”）；
var cphmtp_label=cphmtp[0]。getElementsByTagName（“label”）；
var age_ranges=document.getElementsByClassName（“字段_505”）；
变量年龄范围图例=年龄范围[0]。getElementsByTagName（“图例”）；
var age_ranges_option=document.getElementById（“字段_1120_0”）；
如果（membertype==“保姆或保姆”）{
$（“#字段_56”）.val（“”）；
cphmtp_标签[0]。innerHTML=“每小时成本（必需）”；
$（'.field_56'）.show（）；
年龄范围\图例[0]。innerHTML=“儿童能够坐的年龄范围（必需）”；
$（“label[for='field_1120_0']]）.html（'我不介意'）；
$（'.field_505'）.show（）；
}else if（membertype=='Parent'）{
$（#field_56”）.val（“1”）；
$（'.field_56'）.hide（）；
年龄范围\图例[0]。innerHTML=“我的孩子的年龄（必需）”；
$（“label[for='field_1120_0']]）.html（'我不想说'）；
$（'.field_505'）.show（）；
}否则{
$（'.field_56'）.hide（）；
$（'.field_505'）.hide（）；
}
});
});