Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.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
jquery函数不工作?_Jquery_Forms_Select - Fatal编程技术网

jquery函数不工作?

jquery函数不工作?,jquery,forms,select,Jquery,Forms,Select,我有一个选择字段。当用户从字段中选择选项时,我希望根据用户选择显示输出。示例:如果用户选择2,我想显示两次“hello world”。以下是我迄今为止所做的工作 <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <p>Select Option:<select id="noAct"> <option val

我有一个选择字段。当用户从字段中选择选项时,我希望根据用户选择显示输出。示例:如果用户选择2,我想显示两次“hello world”。以下是我迄今为止所做的工作

 <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> 

 <p>Select Option:<select id="noAct">
       <option value="1">1</option>
       <option value="2">2</option>
       <option value="3">3</option>
       <option value="4">4</option
     </select>


<p id="tables"></p> 

<script>
    function displayTable()
    {
        var value = $("#noAct").val();

        //for loop to display the no of tables required
        for ( var i=0; i<value; i++ )
        {
            //display the table
            $("#tables").html("<b>Hello World</b>");

        }
    }

    $( "select" ).change( displayTable );
    displayTable();
</script>
我没有得到任何输出或任何东西。有人能帮我吗?

试试下面的方法

$(document).ready(function() {

     $( "select" ).change( displayTable );

});

修复语法错误,并在循环中使用append,而不是html,因为它会在每次迭代中覆盖内容

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> 

<p>Select Option:</p>
<select id="noAct">
     <option value="1">1</option>
     <option value="2">2</option>
     <option value="3">3</option>
     <option value="4">4</option>
</select>


<p id="tables"></p> 

<script>
    function displayTable() {
        var value = $("#noAct").val();

        $("#tables").empty();

        for ( var i=0; i < value; i++ ) {
            $("#tables").append("<b>Hello World</b><br />");
        }
    }

    $( "select" ).change( displayTable );
    displayTable();
</script>
试试这个:

<script>

$(document).ready(function(){
    $( "#noAct" ).on( 'change', function(){
        var value = $(this).val();

        //for loop to display the no of tables required
        $("#tables").html();
        for ( var i=0; i<value; i++ )
        {
            //display the table
            $("#tables").append("<b>Hello World</b><br />");

        }
    } );
});
</script>

把change和displayTable放在一个dom就绪处理程序中怎么样?语法错误,noAct ID上缺少引号,未关闭的选项标记等。我是jquery新手,因此如果您能评估我的解决方案,那就太好了$document.ready是不必要的,您正在调用displayTable并将未定义的返回值传递给change,而不是函数。