代码之家  ›  专栏  ›  技术社区  ›  Chris

向输入中添加文本

  •  0
  • Chris  · 技术社区  · 7 年前

    我不知道为什么我不能把文本放在输入框里。

    $('#btn').on('click', () => {
      let result = $('.form-group input[type="text"]');
      for (i = 0; i < result.length; i++) {
        result[i].innerText = "Test";
        //result[i].text = "Test";
        //result[i].Value = "Test";
        //result[i].val("Test");
        //result[i].text("Test");
        console.log(result[i]);
      }
    });
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <div class="form-group">
      <label for="txtBusinessName" class="control-label col-lg-3 col-sm-4">Business</label>
      <div class="col-lg-9 col-sm-8">
        <input id="txtBusinessName" class="form-control input-sm" name="BusinessName" type='text' placeholder="Business Name" style="max-width:75%;" />
      </div>
    </div>
    
    <div class="form-group">
      <label for="txtTenantID" class="control-label col-lg-3 col-sm-4">TenantID</label>
      <div class="col-lg-9 col-sm-8">
        <input id="txtTenantID" class="form-control input-sm" name="TenantID" placeholder="TenantID" style="max-width:75%;" type='text' />
      </div>
    </div>
    
    <div class="form-group">
      <label for="txtPrimaryPointOfContactEmail" class="control-label col-lg-3 col-sm-4" style="padding:7px 18px 0px 0px;">Contact Email</label>
      <div class="col-lg-9 col-sm-8">
        <input id="txtPrimaryPointOfContactEmail" name="PrimaryPointOfContactEmail" type='text' class="form-control input-sm" placeholder="Primary Point Of Contact Email" style="max-width:75%;" />
      </div>
    </div>
    
    
    <button id='btn' class='btn btn-success'>
    Click Me
    </button>
    1 回复  |  直到 7 年前
        1
  •  2
  •   j08691    7 年前

    .val() 工作,但你需要包装 results 在jquerylike中 $(result[i]).val("Test"); value (即。 result[i].value = "Test"; 也有效)。

    $('#btn').on('click', () => {
      let result = $('.form-group input[type="text"]');
      for (i = 0; i < result.length; i++) {
        $(result[i]).val("Test");
      }
    });
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <div class="form-group">
      <label for="txtBusinessName" class="control-label col-lg-3 col-sm-4">Business</label>
      <div class="col-lg-9 col-sm-8">
        <input id="txtBusinessName" class="form-control input-sm" name="BusinessName" type='text' placeholder="Business Name" style="max-width:75%;" />
      </div>
    </div>
    
    <div class="form-group">
      <label for="txtTenantID" class="control-label col-lg-3 col-sm-4">TenantID</label>
      <div class="col-lg-9 col-sm-8">
        <input id="txtTenantID" class="form-control input-sm" name="TenantID" placeholder="TenantID" style="max-width:75%;" type='text' />
      </div>
    </div>
    
    <div class="form-group">
      <label for="txtPrimaryPointOfContactEmail" class="control-label col-lg-3 col-sm-4" style="padding:7px 18px 0px 0px;">Contact Email</label>
      <div class="col-lg-9 col-sm-8">
        <input id="txtPrimaryPointOfContactEmail" name="PrimaryPointOfContactEmail" type='text' class="form-control input-sm" placeholder="Primary Point Of Contact Email" style="max-width:75%;" />
      </div>
    </div>
    
    
    <button id='btn' class='btn btn-success'>
    Click Me
    </button>