konnte nicht mein Eingabewert von Eingabefeld über Javascript

Question

Dies ist meine mehr von meiner Seite Body-Code, eine Tabelle und ein Formular-Tag, Tabelle verwenden Bootgrid-Plugin, obwohl ich Modal-Body-Klasse verwendet haben, um Eingabe-Tag, Es zu wählen hat nicht funktioniert.

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

Funktion speichereDaten() { // if return (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

Endlich finde ich die Antwort, es aus dieser Codezeile geführt wurde '', wurde es von den betroffenen " Versteck 'Klasse. Außerdem habe ich das Bootbox-Plugin nicht richtig verwendet, der Teil mit dem Namen 'editmodal' sollte als Parameter geschrieben werden, wenn der Dialog wie dieser bootbox.dialog ({message: 'dialog html string'}) erstellt wurde, anstatt ihn zu schreiben im Körper im Voraus. Es tut mir leid, dass ich meine Frage nicht eindeutig beschrieben habe. Ich bin sehr froh, mein Ergebnis mit denen zu teilen, die sich im Bootgrid- oder Bootbox-Open-Source-Plugin befinden.

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>

Arbeiten fein ... :)