Question

这是我的更多我的页面正文代码，表格和表格标签，表格使用bootgrid插件，虽然我使用了modal-body类来选择输入标签，但它没有工作。

<div id="listdata" style="overflow-y:scroll;">
        <table id="grid" class="table table-condensed table-hover table-striped">
            <thead>
                <tr>
                    <th data-column-id="SN" data-type="numeric" data-order="asc" data-identifier="true">序号</th>
                    <th data-column-id="UserName" data-order="asc">姓名</th>
                    <th data-column-id="UserAccount">账号</th>
                </tr>
            </thead>
        </table>
    </div>
    <form>
        <div id="editmodal" class="modal hide">
            <div class="modal-body">
                <div class="form-horizontal form-container">
                    <div class="form-group">
                        <label for="UserName" class="col-sm-2 control-label">姓名:</label>
                        <div class="col-sm-10">
                            <input type="text" id="UserName" name="UserName" class="form-control" placeholder="姓名" value="" />
                        </div>
                    </div>  
                </div>               
            </div>
        </div>
    </form>

function saveData（）{ // if（！validate（））return;

        var items = $("form:first .modal-body input");
        var json = [];

        $(items).each(function (index, item) {
            if (item.type == "text") {
                json.push({ "name": item.id, "value": item.value });
            } else if (item.type == "checkbox" || item.type == "radio") {
                json.push({ "name": item.id, "value": item.checked ? "true" : "false" });
            }
        });
    }

Answer 1

＆＃13;

$(document).ready(function(){
   var val1=$("#UserName").val();
alert(val1);

var val2=$("#UserAccount").val();
alert(val2);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<div class="form-group">
     <label for="UserName" class="col-sm-2 control-label">姓名:</label>
     <div class="col-sm-10">
         <input type="text" id="UserName" name="UserName" class="form-control" placeholder="姓名" value="test" />
     </div>
</div>
<div class="form-group">
    <label for="UserAccount" class="col-sm-2 control-label">账户名:</label>
          <div class="col-sm-10">
              <input type="text" id="UserAccount" name="UserAccount" class="form-control" placeholder="账户名" value="test2" />
          </div>
</div>

＆＃13;

工作正常......：）

Answer 2

最后我找到了答案，它是由这行代码''产生的，它受到'hide'类的影响。更重要的是，我没有正确使用bootbox插件，当创建对话框时，名为'editmodal'的部分应该作为参数写入，如此bootbox.dialog（{message：'dialog html string'}）而不是写入身体提前。我很抱歉没有清楚地描述我的问题，我很高兴与bootgrid或bootbox开源插件中的内容分享我的结果。

无法通过javascript获取输入框的输入值

2 个答案: