在javascript中自动生成字段

我一直在尝试填写一个自动生成的字段，例如，在选项选择框中选择70岁以上时自动填写“退休”

我可以在这方面得到任何帮助吗：）

您可以有条件地更改现有字段的可见性，而不是“生成”新字段。最简单的例子是：

<script>
    function checkAge(f){

      var age = f.options[f.selectedIndex].value
      var field = document.getElementById('field');

      if(age>69) 
         field.style.display='';
      else
          field.style.display='none';
    }
</script>
<select onchange="checkAge(this)">
<option value="10">10 years</option>
<option value="30">30 years</option>
.
.
.
<option value="70">70 years</option>
</select>
<input type="text" id="field" value="" style="display:none" />

功能检查（f）{
var age=f.options[f.selectedIndex].value
var field=document.getElementById（'field'）；
如果（年龄>69岁）
field.style.display=''；
其他的
field.style.display='none'；
}
十年
30年
.
.
.
70年

这里有一种可能的方法：

var age = document.getElementById('age');
var status = document.getElementById('status');
age.onchange = function(){
    switch(parseInt(this.value)){
        case 20: status.value = 'working'; break;
        case 50: status.value = 'working'; break;
        case 70: status.value = 'retired'; break;
        default: status.value = 'Unknown';
    }
};

---

演示：

最好是显示/隐藏带有字段的div。另外，它消耗的资源更少。。。 否则，请尝试以下操作：

<form id="my-form">
    <input id="age-textbox" name="age" text="" />
</form>


$('#age-textbox').blur(function(){
   if (!isNaN($(this).val())
       && parseInt($(this).val()) >= 70)
   {    
       var field = $('<input/>', { id: "test", name: "test" });
       $('#my-form').append(field);
   }
});

$（“#年龄文本框”）.blur（函数（）{
如果（！isNaN（$（this）.val（））
&&parseInt（$（this.val（））>=70）
{    
var字段=$（''，{id:“测试”，名称：“测试”}）；
$（“#我的表格”）.append（字段）；
}
});

您已经标记了Java，但在标题中提到了JavaScript。你能确认你在用什么语言吗？事实上，到目前为止你已经试过什么了。@Fatima Alnofal:因为这是你第一次这么做。一点建议。始终共享一些信息，如代码片段或工作示例，然后描述问题。请务必阅读关于如何提问的常见问题解答