javascript - Bootstrap 4 输入外部值
问题描述
我正在尝试使用 bootstrap 4 构建一个表单,但就我而言,我从未成功在输入文本客户端中为模态表单设置值,它永远不会工作......
表格是:
$('#contact-modal').on('show.bs.modal', function() {
alert("prima");
$("#name").attr({
"value": 'ëtestí'
});
})
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#contact-modal">
modal
</button>
<div id="contact-modal" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<a class="close" data-dismiss="modal">◊</a>
<h3>Contact Form</h3>
</div>
<form id="contactForm" name="contact" role="form">
<div class="modal-body">
<div class="form-group">
<label for="name">Name</label>
<input type="text" name="name" class="form-control">
</div>
<div class="form-group">
<label for="email">Email</label>
<input type="email" name="email" class="form-control">
</div>
<div class="form-group">
<label for="message">Message</label>
<textarea name="message" class="form-control"></textarea>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<input type="submit" class="btn btn-success" id="submit">
</div>
</form>
</div>
</div>
</div>
永远不起作用的功能是:
$('#contact-modal').on('show.bs.modal', function() {
alert("prima");
$("#name").attr({
"value": ëtestí
});
})
我真的可以使用任何帮助,谢谢!
解决方案
试试这样
<script>
$('#contact-modal').on('show.bs.modal', function() {
alert("prima");
$("#name").val("etesti")
})
</script>
推荐阅读
- elasticsearch - X-Pack 401 Logstash 无法连接到 Elasticsearch
- php - 强制从 64 位 php 网站连接到 32 位访问数据库
- javascript - 从数组中删除重复值
- javascript - 在元素外单击时如何调用函数并避免在单击事件内触发单击?
- python - 根据验证条件创建布尔列
- android - 从 Sketch 导出到 SVG 不允许导入到 android studio
- python - DRF以随机顺序获取对象列表
- python - 下载python库并从计算机本地安装
- terminal - Ubuntu 19.10 下 Ada 2012 的 NCurses 构建环境
- php - 在codeigniter中使用dompdf时外部css不起作用