Question

我正在尝试从放置在Bootstrap Popover中的某些输入字段中获取值。但我得到空字符串。

复杂性：表单中有一个按钮，当您单击此按钮时，会出现一个带有2个输入字段和一个按钮的弹出窗口。我想在单击按钮时捕获这两个字段的值。如果我将这些字段放在一个表单中，那么它将成为嵌套表单。

以下是我的代码。

<button type="button" class="btn btn-danger popper hyperlink" data-toggle="popover">Trial</button>
<div class="popper-content hide">
   <input type="text" class="form-control" id='urlLabel' placeholder="URL Label">
   <input type="text" class="form-control url" id='url' placeholder="Complete URL">
   <button type="button" class="btn btn-default btn-block urlDetails">Done</button>
</div>

我获取值的方法

$('.urlDetails').click(function(){
  console.log('clicked');
  console.log($('#urlLabel').val());
  console.log($('#url').val());
})

以下是我的JSFiddle内容。

Answer 1

import a 
import b
import c

Answer 2

我认为你拼错了

＆＃13;

$(document).ready(function() {
  $('.urlDetails').click(function(){
  console.log('clicked');
  console.log($('#urlLabel').val());
  console.log($('#url').val());
})
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type="button" class="btn btn-danger popper hyperlink" data-toggle="popover">Trial</button>
<div class="popper-content hide">
   <input type="text" class="form-control" id='urlLabel' placeholder="URL Label">
   <input type="text" class="form-control url" id='url' placeholder="Complete URL">
   <button type="button" class="btn btn-default btn-block urlDetails">Done</button>
</div>

＆＃13;

这是一个有效的代码

无法从Bootstrap的popover中的输入元素获取值

2 个答案: