如何解决使用jquery从文本文件创建的选择下拉列表中捕获所选项目的值
我有一个文本文件,其中包含一些简单的单词,例如:make,this,work。
我希望能够加载文本文件并从中创建动态选择下拉列表。当用户单击提交时,它会打印出所选项目的值。
下面是代码,我使用把手将页面呈现给用户。当用户单击“提交”按钮时,它将转到索引/显示以查看他们选择的内容。
不是打印出所选选项的实际值,而是打印出所选选项的索引,而不是值。
<form method="post" action="index/display" id = "first" name="first">
<fieldset>
<div style="display: inline-block; margin-left:10px ">
<legend>Selecting items from text file</legend>
<script type="text/javascript" src="js/jquery.js"></script>
<script>
$.get("js/pytxt.txt",function(data) {
/*alert( "Data Loaded: " );*/
var options = data.split(','),$select = $('select#value');
for (var i = 0; i < options.length; i++) {
$select.append('<option value="' + i + '">' + options[i] + '</option>"');
console.log ($select)};
});
</script>
<p>
<label></label>
<select id = "value" name="first">
<option selected value="base">Please Select</option>
</select>
</p>
</div>
<p>
<input type="submit">
</p>
</fieldset>
这是发布功能:
app.post('/index/display',(req,res) => {
res.status(200).send('POST works!' + req.body.first);
});
解决方法
请替换:
$select.append('<option value="' + i + '">' + options[i] + '</option>"');
此行:
$select.append('<option value="' + options[i] + '">' + options[i] + '</option>"');
这应该可以解决您的问题。
,您可以做一些简化:
options.forEach(v => $select.append( new Option(v,v)))
演示:
let options = 'one,two,three,four'.split(','),$select = $('#value');
options.forEach(v => $select.append( new Option(v,v)))
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="value"></select>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。