0

所以首先，我正在尝试制作一个 gpa 计算器，这是我的 javascript：

<script>
var option_choose = document.createElement("option");
    option_choose.innerHTML = "Choose...";
    option_choose.value = -1;
var c1 = document.createElement("option");
    c1.innerHTML = "Math Standard 9"
    c1.value = 0;
var c2 = document.createElement("option");
    c2.innerHTML = "Math Higher 9"
    c2.value = 0.5; 
var c3 = document.createElement("option");
    c3.innerHTML = "English 9"
    c3.value = 0;
var c4 = document.createElement("option");
    c4.innerHTML = "History 9"
    c4.value = 0;
var c5 = document.createElement("option");
    c5.innerHTML = "Science 9";
    c5.value = 0;

var l1 = document.createElement("option");
    l1.innerHTML = "Japanese";
    l1.value = 0;
var l2 = document.createElement("option");
    l2.innerHTML = "French";
    l2.value = 0;

var e1 = document.createElement("option");
    e1.innerHTML = "Adv. Computers";
    e1.value = 0;

$(".core_subjects").append(option_choose,c1,c2,c3,c4,c5);
$(".language_subjects").append(option_choose,l1,l2);
$(".elective_subjects").append(option_choose,e1);
</script>

在我的 HTML 中，我有：

<div id="subject_name">
<h4>Class</h4>
<select id="core1" class="core_subjects">
    <option value="-1">Choose...</option>
</select>
<br/>
<select id="core2" class="core_subjects">
    <option value="-1">Choose...</option>
</select>
<br/>
<select id="core3" class="core_subjects">
    <option value="-1">Choose...</option>
</select>
<br/>
<select id="core4" class="core_subjects">
    <option value="-1">Choose...</option>
</select>
<br/>
<select id="language" class="language_subjects">
    <option value="-1">Choose...</option>
</select>
<br/>
<select id="elective1" class="elective_subjects">
    <option value="-1">Choose...</option>
</select>
<br/>
<select id="elective2" class="elective_subjects">
    <option value="-1">Choose...</option>
</select>
<br/>
<select id="elective3" class="elective_subjects">
    <option value="-1">Choose...</option>
</select>
<br/>
<select id="elective4" class="elective_subjects">
    <option value="-1">Choose...</option>
</select>
<br/>
</div>

所以基本上，当有人单击一个按钮时，javascript 将运行，并且在每个选择中，应该首先有一个“选择...”选项，然后是一个类列表。

但是由于某种原因，在#core4 和#language 的两个选择中，没有出现“Choose...”。它出现在所有其他人身上。

4

1 回答 1

0

你option_choose应该是option_choose_c。此错误在错误控制台中很清楚。

工作小提琴：http: //jsfiddle.net/bUh9E/

$(".core_subjects").append(option_choose_c,c1,c2,c3,c4,c5);
$(".language_subjects").append(option_choose_c,l1,l2);
$(".elective_subjects").append(option_choose_c,e1);
于 2013-07-16T14:41:40.930 回答