Javascript 如何更新模态体中的类?
我有一个类Javascript 如何更新模态体中的类?,javascript,jquery,html,Javascript,Jquery,Html,我有一个类,它在一个模态中 代码如下: <div class="modal fade" id="mymdl" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> &l
,它在一个模态中
代码如下:
<div class="modal fade" id="mymdl" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="color-line"></div>
<div class="modal-header text-center">
<h4 class="modal-title">Select Theme</h4>
</div>
<div class="modal-body"><div class="form-group"><div class="col-sm-10"><select class="js-source-states" style="width: 100%" id="timezone">
<div id="modal-data"></div>
</select>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" id="submit" class="btn btn-success">Submit</button>
</div>
</div>
</div>
</div>
选择主题
接近
提交
使用这段代码:
$("#mymdl").modal({
fadeDuration: 1000,
fadeDelay: 1,
closeClass: 'icon-remove',
closeText: 'X'
});
var mymodal1 = $('#mymdl');
mymodal1.find('#modal-data').html("<option value='x'>Create</option>");
$(“#mymdl”).modal({
死亡人数:1000,
fadeDelay:1,
closeClass:“图标删除”,
closeText:'X'
});
var mymodal1=$('mymdl');
mymodal1.find(“#模态数据”).html(“创建”);
但它不起作用。。。有人能帮忙吗?
$('.modal content')。查找('.modal body')。追加('在此处追加一些html);
$('.modal content')。查找('.modal body')。追加('Hi')代码>
开放模态
&时代;
模态头
接近
试试这个
$(文档).ready(函数(){
$(“#mymdl”).modal({
死亡人数:1000,
fadeDelay:1,
closeClass:“图标删除”,
closeText:'X'
});
var mymodal1=$('mymdl');
mymodal1.find('#timezone').html(“你好”);
});代码>
选择主题
接近
提交
您的DOM结构错误,您在选择元素中写入了无效的块元素div
。应该是这样的:
<div class="modal fade" id="mymdl" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="color-line"></div>
<div class="modal-header text-center">
<h4 class="modal-title">Select Theme</h4>
</div>
<div class="modal-body"><div class="form-group"><div class="col-sm-10"><select class="js-source-states" style="width: 100%" id="timezone">
</select>
<div id="modal-data"></div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" id="submit" class="btn btn-success">Submit</button>
</div>
</div>
</div>
我看到了$(“#mymdl”).modal({
但是我找不到任何带有id=“mymdl”
的html元素,顺便说一下,您需要引导才能使用。modal,如果不使用,jQuery会这么说。modal不是函数……
请提供完整的模态代码段。她只希望模态工作。但是,根据实际代码段,她使用的是类似于引导的模态,没有链接引导,所以它永远不会工作……为什么你需要在“select”标记中填充div
对不起,我在模态体中有一个类,它是e> 模态数据
我想更改模态数据…这是您必须添加到项目中的logyc,如果您要求为项目提供准确的工作代码,似乎您要求我们为您的作业做准备,您将被高度否决和忽略。这是一个带有jQuery代码的引导模态,其中设置了html代码。只需阅读jquery代码并更改一些选择器以查看它在项目中的工作情况。post数据:堆栈溢出代码段有一个$(文档)。默认情况下,ready(function(){
),因此您需要添加所需的事件侦听器来触发我添加的jquery。但是我需要在selects中添加一些内容,然后您应该选择option not div。
$('#mymdl').on('show.bs.modal', function (e) {
var mymodal1 = $('#mymdl');
mymodal1.find('#modal-data').html("<h1>HI</h1>");
})