jquery函数不工作?
我有一个选择字段。当用户从字段中选择选项时,我希望根据用户选择显示输出。示例:如果用户选择2,我想显示两次“hello world”。以下是我迄今为止所做的工作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
<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,而不是函数。