Javascript 如何向一个字段结果显示输入和选择字段

这是我的密码

Name <input class="has-value m-r" type="text"> 

Gender : 
<select name="post_status" class="form-control parsley-validated" data-required="true">
                                            <option value="">Male</option>
                      <option value="">Female</option>
</select>


Result <input class="has-value m-r" type="text">

---

如何完成这段代码以显示从输入字段和选择字段到结果别名字段以及小写和-

我认为您想要的结果是实时的。我的意思是，每次编辑name字段时，alias字段都会更新

检查这个代码，告诉我这是否是你想要的

您应该添加相应的字段ID，它应该可以工作

HTML代码：

Name
<input class="has-value m-r" id="name_input" type="text">
<br>
<br> Gender :
<select name="post_status" class="form-control parsley-validated" id="gender_select" data-required="true">
  <option value="">Male</option>
  <option value="">Female</option>
</select>

<br>
<br>
<br> Result
<input id="result_input" class="has-value m-r" type="text">

JS代码：

<script>
$("#name_input").on("change keyup paste", function() {
    e = document.getElementById('gender_select');
    gender = e.options[e.selectedIndex].text;
    name = document.getElementById('name_input').value.replace(" ", "-");
    document.getElementById('result_input').value = name + "-" + gender;
})
</script>

---

编辑：要添加JSFIDLE，我认为下面的代码应该可以解决您的问题

函数更改输入{ var name=document.getElementByIdname.value； var-gender=document.getElementByIdgender.value； document.getElementByIdresult.value=name.split“”。加入'-'+'-'+性别； } 名称 性别： 男性的 女的 后果 如果我输入字段名Jhon Dhoe并选择性别字段为男性 字段结果将显示如下别名：jhon dhoe male小写

---

无法获取名称和性别组合的大小写输出

$document.readyfunction{ 函数刷新{ $result=$name+-+$gender； $result=$result.replace/\s+/g，'-'.toLowerCase； document.querySelectorAll'[name=result]'[0]。值=$result； } $'select'。在'change'上，函数{ $SEXT=this.value； 刷新 } $input.keyupfunction{ $name=document.querySelectorAll'[name=name]'[0].value； 刷新 }; }; 名称 性别： 男性的 女的 后果 如果我输入字段名Jhon Dhoe并选择性别字段为男性 字段结果将显示如下别名：jhon dhoe male小写