не смог получить мое входное значение входного поля через javascript

Question

это мой больше код моей страницы, таблица и тег формы, таблица использует плагин bootgrid, хотя я использовал класс модального тела для выбора тега ввода, It не работает.

<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> 

функция сейв() {// , если возврат (Validate) (!);

 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

Наконец-то я нашел ответ, это было результатом этой строки кода '', он пострадал от " скрыть 'класс. Более того, я не использовал плагин bootbox правильно, часть с именем «editmodal» должна быть записана как параметр, когда был создан диалог, подобный этому bootbox.dialog ({message: 'dialog html string'}) вместо того, чтобы писать его в теле заблаговременно. Прошу прощения за то, что я не ясно изложил свой вопрос, я очень рад поделиться своим результатом с теми, кто находится в загрузочном плагине bootgrid или bootbox.

Answer 2

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

 
var val2=$("#UserAccount").val(); 
 
alert(val2); 
 
});

<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>

работает отлично ... :)