Полное имя сцепления с мисс Ms в JavaScript

Question

Мой вопрос заключается в том, что у меня есть один набор опций, который является Полом внутри двух опций Мужской и Женский и одно поле Полное имя. Я хочу, чтобы, когда я выбираю мужской вариант внутри набора, полное имя указывалось на ms, а когда мы выбирали женский полное имя, указывалось на miss

Answer 1

I applied this code and now it's working
==================================================

function GenderValidation(executionContext) {
  var formContext = executionContext.getFormContext();
  var FullName, gender;
  if (formContext.getAttribute("cms_fullname") != null) {
    var FullName = formContext.getAttribute("cms_fullname").getValue();
  }

  if (formContext.getAttribute("cms_gender") != null) {
    var gender = formContext.getAttribute("cms_gender").getValue();
  }
  if (gender == 175650000) {
    FullName = "Miss" + ' ' + FullName;

    formContext.getAttribute("cms_fullname").setValue(FullName);
  } else if (gender == 175650001) {
    FullName = "Ms" + ' ' + FullName;

    formContext.getAttribute("cms_fullname").setValue(FullName);
  }


}

Answer 2

Если у вас нет ограничения jQuery, вы можете использовать:

$("input:radio").click(function() {
  console.log($("input[name='Gender']:checked").data('name')+" "+$("input[name='fullname']").val());
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label> <input type="radio" name="Gender" data-name="Mr" checked="true">Male</label>
<label> <input type="radio" name="Gender" data-name="Ms">Female</label>
<input name="fullname" type="text" />

Но если вам нужно использовать чистый JavaScript, вы можете использовать:

function check(){
var options = document.getElementsByName("Gender");
var fullname = document.getElementsByName("fullname");
    for (var i = 0; i < options.length; i++) {
        if (options[i].checked){
             console.log(options[i].getAttribute("data-name") + " "+fullname[0].value);
        }
    }
}

<label> <input type="radio" name="Gender" data-name="Mr" checked="true" onclick="check()">Male</label>
<label> <input type="radio" name="Gender" data-name="Ms" onclick="check()">Female</label>
<input name="fullname" type="text" />

Answer 3

Используйте что-то вроде этого.

if (selectedOption == "male") {
    document.write("Mr. " + fullname);
} else if (selectedOption == "female") {
    document.write("Miss " + fullname);
}

Answer 4

Из того, что вы сказали, и я понимаю, вы можете попытаться сохранить их в переменных и объединить их, как показано ниже. Однако было бы трудно советовать без фрагментов кода.

let title = document.getElementById("title");
let fullName = document.getElementById("fullName");
let titleAndFullName = title + fullName;