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>");
})