javascript - 获取表格中的值，并将相应的值赋给模态框对应的地方，但一直在模态框中不显示

Question

1. 已经获取获取内容，但出现不能显示的情况？

2. `

   <p id="myModal" class="modal-style modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
               <p class="modal-header">
                   <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                   <h3 id="myModalLabel">创建案件</h3>
               </p>                
               <p class="modal-body">
                   <form class="form-horizontal">
                       <p class="form-group">
                           <label class="col-sm-2 control-label">案件ID</label>
                           <p class="col-sm-10">
                             <input type="text" name="case" class="form-control" id="input-case">
                           </p>
                       </p>
                       <p class="form-group">
                           <label class="col-sm-2 control-label">姓名</label>
                           <p class="col-sm-10">
                             <input type="text" name="name" class="form-control" id="input-name">
                           </p>
                       </p>
                       <p class="form-group">
                           <label class="col-sm-2 control-label">编号</label>
                           <p class="col-sm-10">
                             <input type="text" name="No" class="form-control" id="input-number">
                           </p>
                       </p>
                       <p class="form-group">
                           <label class="col-sm-2 control-label">状态</label>
                           <p class="col-sm-10">
                             <input type="text" name="status" class="form-control" id="input-status">
                           </p>
                       </p>
                       <p class="form-group">
                           <label class="col-sm-2 control-label">创建者</label>
                           <p class="col-sm-10">
                             <input type="text" name="creater" class="form-control" id="input-create">
                           </p>
                       </p>
                       <p class="form-group">
                           <label class="col-sm-2 control-label">描述</label>
                           <p class="col-sm-10">
                             <textarea class="form-control" name="description" rows="3" id="description"></textarea>
                           </p>
                       </p>                                            
                   </form>                    
               </p>
               <p class="modal-footer">
                   <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
                   <button id="save" class="btn btn-primary"  data-dismiss="modal" aria-hidden="true">保存</button>
               </p>
           </p>
   

`

$(".a_see").on('click',function(){
                var arrayContent = [];
                $(this).closest('tr').find('td').each(function(){
                    arrayContent.push($(this).not(".operate").text());
                })    
                arrayContent.pop();        
                console.log(arrayContent);
                
                //alert(arrayContent[0])
                $('#myModal').modal();
                $('#myModal').on('shown.bs.modal',function(){
                    //alert(1)
                    inputCaseID = arrayContent[0];
                    inputName = arrayContent[1];
                    inputNumber = arrayContent[2];
                    inputStatus = arrayContent[3];
                    inputCreate = arrayContent[4];
                    description = arrayContent[5];
                });
            });

需要将相应的内容赋给相应的输入框，但一直不能显示，求指点
谢谢。。。

Answer 1

inputCaseID、inputName...这些是什么？

如果不是用了 MV* 框架，赋值用 element.value = xxx 或者 jq 的 element.val(xx) 。

Answer 2

你用的是Bootstrap吧。

var arrayContent = ['arrayContent0', 'arrayContent1', 'arrayContent2', 'arrayContent3', 'arrayContent4', 'arrayContent5'];
//这里假设inputs里放的是你的input的Id。
var inputs = ['inputCaseId',
    'inputName',
    'inputNumber',
    'inputStatus',
    'inputCreate',
    'description'
];
inputs.forEach(function(item, i) {
    $('#' + item) && $('#' + item).val(arrayContent[i])
})