Question

我根据另一个选择框的选择填充了一个选择框，但是当我查看Google Chrome控制台时出现以下错误：

未捕获的TypeError：对象#article没有方法'load'

这是html / script：

<html>
<head>
</head>
<body>
<h1>Populating Select Boxes</h1>
<form action="select-boxes.html">
<label for="category">Category:</label>
<select name="category" id="category">
<option value="easy">Easy</option>
<option value="medium">Medium</option>
<option value="hard">Hard</option>
</select>
<input type="submit" value="next &raquo;"/>
<select name="article" id="article"></select>
</form>
<script src="http://code.jquery.com/jquery-1.5.min.js"></script>

<script>
$(document).ready(function() {

$('form').submit(function(event) {
    event.preventDefault();

    var categoryName = $('#category').val();

    ('#article').load('select-boxes-' + categoryName + '.html');

});

});
</script>
</body>

以下是选择easy时加载的select-boxes-easy.html示例：

<option value="easy1">Easy 1</option>
<option value="easy2">Easy 2</option>
<option value="easy3">Easy 3</option>
<option value="easy4">Easy 4</option>
<option value="easy5">Easy 5</option>
<option value="easy6">Easy 6</option>

添加$后，我现在在选择类别然后单击下一步时出现以下错误：

XMLHttpRequest无法加载file：/// C：/Users/xaisoft/Desktop/javascripting/PopulateSelectBoxes/select-boxes-easy.html。 Access-Control-Allow-Origin不允许使用null。

Answer 1

你忘记了美元：

$('#article').load(...);

未捕获的TypeError：对象#article没有方法'load'

1 个答案: