Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/453.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
城市数量及其名称,javascript_Javascript_Ajax - Fatal编程技术网

城市数量及其名称,javascript

城市数量及其名称,javascript,javascript,ajax,Javascript,Ajax,我有一个文本字段,允许用户输入想要的城市数量,我希望文本字段根据该数字显示城市名称。。例如,如果用户输入数字3,那么文本字段中的3个将自动显示,以写入这些城市的名称,我该如何操作?应该使用什么样的技术人员?使用JavaScript 示例代码: <script type="application/javascript"> function myFunction() { var element = document.getElementsByName("cit

我有一个文本字段,允许用户输入想要的城市数量,我希望文本字段根据该数字显示城市名称。。例如,如果用户输入数字3,那么文本字段中的3个将自动显示,以写入这些城市的名称,我该如何操作?应该使用什么样的技术人员?使用JavaScript

示例代码:

  <script type="application/javascript">
    function myFunction() {
        var element = document.getElementsByName("city");
        for (index = element.length - 1; index >= 0; index--) {
            element[index].parentNode.removeChild(element[index]);
        }
        var l = document.getElementById('number').value;
        var parent = document.getElementById("myForm");
        for (i = 0; i < l; ++i) {
            var input = document.createElement("input");
            input.setAttribute("id", i);
            input.setAttribute("type", "text");
            input.setAttribute("name", "city");
            parent.appendChild(input);
        }
    }
</script>
<body> 
    <form id="myForm" action="" method="post">
        <input id="number" type="number" step="1" pattern="\d+" onchange="myFunction()"/>
    </form>
</body>

函数myFunction(){
var element=document.getElementsByName(“城市”);
对于(index=element.length-1;index>=0;index--){
元素[index].parentNode.removeChild(元素[index]);
}
var l=document.getElementById('number')。值;
var parent=document.getElementById(“myForm”);
对于(i=0;i
欢迎使用堆栈溢出-很高兴有您。请阅读我如何提出一个好问题?以及如何创建一个最小、完整且可验证的示例,以帮助将堆栈溢出内容保持在尽可能高的级别,并增加获得适当答案的机会。