在 javascript 列表中的下拉列表 html 元素项中创建选项？
[英]Making the options in a drop down list html element items in a javascript list?
问题描述
<html> <body> <?php //student interface $file = fopen("subject.csv","r"); $subjects = fgetcsv($file); fclose($file); //puts the csv file provided into a 2d array $studentTable = array(); if (($handle = fopen("students.csv", "r")) !== FALSE) { while (($data = fgetcsv($handle, 1000, ",")) !== FALSE) { $studentTable[] = $data; } fclose($handle); } //creates list that will store list of girls emails $usernames = array(); //runs through studentTable and appends emails to toEmail. for ($I = 0; $I < sizeof($studentTable); $I++){ array_push($usernames, $studentTable[$I][0]); } ?> <script type="text/javascript"> // Using PHP implode() function to turn the php list into a javascript list var subjects = <?php echo '["' . implode('", "', $subjects) . '"]' ?>; var usernames = <?php echo '["' . implode('", "', $usernames) . '"]' ?>; var select = document.getElementById("usernames"); for(var i = 0; i < usernames.length; i++) { var opt = usernames[i]; var el = document.createElement("option"); el.textContent = opt; el.value = opt; select.appendChild(el); } var subchoice = []; subchoice.push(document.getElementById("choice1"), document.getElementById("choice2"), document.getElementById("choice3"), document.getElementById("choice4"), document.getElementById("choice5")); for(var x = 0; x < subchoice.length; x++) { for(var i = 0; i < subjects.length; i++) { var opt = subjects[i]; var el = document.createElement("option"); el.textContent = opt; el.value = opt; subchoice[x].appendChild(el); } } var six = []; six = subjects; six.push("null"); var select = document.getElementById("choice6"); for(var i = 0; i < six.length; i++) { var opt = six[i]; var el = document.createElement("option"); el.textContent = opt; el.value = opt; select.appendChild(el); } </script> <h2> Select your subjects! </h2> <form> <p> Select your name </p> <select id='usernames' name='usernames'> <option>Choose a username</option> </select> <p> Select your 1st choice subject </p> <select id='choice1' name='choice1'> <option>Choose a subject</option> </select> <p> Select your 2nd choice subject </p> <select id='choice2' name='choice2'> <option>Choose a subject</option> </select> <p> Select your 3rd choice subject </p> <select id='choice3' name='choice3'> <option>Choose a subject</option> </select> <p> Select your 4th choice subject </p> <select id='choice4' name='choice4'> <option>Choose a subject</option> </select> <p> Select your 5th choice subject </p> <select id='choice5' name='choice5' > <option>Choose a subject</option> </select> <p> Select your 6th choice subject (none is an option) </p> <select id='choice6' name='choice6'> <option>Choose a subject</option> </select> </form> </body> </html>
I can't get anything to appear in the drop down tabs.
我无法在下拉选项卡中显示任何内容。 The drop down should be the items in either the subject or username list.下拉列表应该是主题或用户名列表中的项目。 However, nothing happens even though I think I have coded it correctly.但是，即使我认为我已经正确编码，也没有任何反应。 It gives me this error message: "Uncaught SyntaxError: Unexpected token '<'" I have looked for this extra token but can not seem to find it, please help!它给了我这个错误信息：“Uncaught SyntaxError: Unexpected token '<'” 我已经寻找了这个额外的标记，但似乎找不到它，请帮忙！
1 个解决方案
解决方案1
0 已采纳 2019-12-20 16:49:55
<html> <body> <?php //student interface $file = fopen("subject.csv","r"); $subjects = fgetcsv($file); fclose($file); //puts the csv file provided into a 2d array $studentTable = array(); if (($handle = fopen("students.csv", "r")) !== FALSE) { while (($data = fgetcsv($handle, 1000, ",")) !== FALSE) { $studentTable[] = $data; } fclose($handle); } //creates list that will store list of girls emails $usernames = array(); //runs through studentTable and appends emails to toEmail. for ($I = 0; $I < sizeof($studentTable); $I++){ array_push($usernames, $studentTable[$I][0]); } ?> <h2> Select your subjects! </h2> <form method="POST" action='handlestudents.php'> <p> Select your name </p> <select id='userN' name='userN'> <option selected="selected">Choose one</option> <?php // Iterating through the product array foreach($usernames as $item){ ?> <option value="<?php echo strtolower($item); ?>"><?php echo $item; ?></option> <?php } ?> </select> <p> Select your 1st choice subject </p> <select id='choice1' name='choice1'> <option selected="selected" >Choose a subject</option> <?php // Iterating through the product array foreach($subjects as $item){ ?> <option value="<?php echo strtolower($item); ?>"><?php echo $item; ?></option> <?php } ?> </select> <p> Select your 2nd choice subject </p> <select id='choice2' name='choice2'> <option selected="selected" >Choose a subject</option> <?php // Iterating through the product array foreach($subjects as $item){ ?> <option value="<?php echo strtolower($item); ?>"><?php echo $item; ?></option> <?php } ?> </select> <p> Select your 3rd choice subject </p> <select id='choice3' name='choice3'> <option selected="selected" >Choose a subject</option> <?php // Iterating through the product array foreach($subjects as $item){ ?> <option value="<?php echo strtolower($item); ?>"><?php echo $item; ?></option> <?php } ?> </select> <p> Select your 4th choice subject </p> <select id='choice4' name='choice4'> <option selected="selected" >Choose a subject</option> <?php // Iterating through the product array foreach($subjects as $item){ ?> <option value="<?php echo strtolower($item); ?>"><?php echo $item; ?></option> <?php } ?> </select> <p> Select your 5th choice subject </p> <select id='choice5' name='choice5' > <option selected="selected" >Choose a subject</option> <?php // Iterating through the product array foreach($subjects as $item){ ?> <option value="<?php echo strtolower($item); ?>"><?php echo $item; ?></option> <?php } ?> </select> <p> Select your 6th choice subject (none is an option) </p> <select id='choice6' name='choice6'> <option selected="selected" >Choose a subject</option> <?php // Iterating through the product array foreach($subjects as $item){ ?> <option value="<?php echo strtolower($item); ?>"><?php echo $item; ?></option> <?php } ?> <option value = ""> None </option> </select> <input type="submit" value="Submit"> </form> </body> </html>
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
添加选项以使用javascript下拉列表 - add options to drop down list with javascript
触发选择表单元素以使用Javascript显示其选项（打开下拉选项列表） - Trigger a select form element to show its options (open drop down options list) with Javascript
使用javascript解析html列表然后输出下拉列表 - Parse html list with javascript then output drop down
如何使用JavaScript在下拉列表中获取所有选定的选项？ - How to get all the selected options in a drop down list with JavaScript?
从数组项Javascript填充下拉列表 - Populate drop down list from array items Javascript
SharePoint Online-Javascript将所有列表项放入选择下拉列表 - SharePoint Online - Javascript get all list items into a select drop down
所有列表项的Javascript / JQuery相同的下拉菜单 - Javascript/JQuery same drop down menu for all list items
下拉以默认选择html中列表的第一个元素 - Drop down to have default selected the first element of the list in html
使用Razor和javascript获取下拉列表元素 - working with Razor and javascript to get a drop down list element
html形式的下拉列表 - drop down list in html form
相关标签