0

我有这样的标记

<div class="text-input-area">
    <input type="text" id="text-input"/> <br />
    <input id="button" type="submit" value="Preview" />
  </div><!--.text-input-area-->

在输入区域中，我将只输入文本。现在，当我单击“预览”按钮时，它应该会显示我输入的文本。为此，我使我的 jquery 像这样

<script type="text/javascript">
  jQuery(document).ready(function() {
    jQuery('#button').click(function() {
      var textvalue = $( "#text-input").text();
        alert('textvalue');
    });
  });
  </script>

但它根本不起作用。有人可以告诉我该怎么做吗？

4

5 回答 5

3

演示 http://jsfiddle.net/gmeEL/

接口：

希望这适合原因:)

代码

  jQuery(document).ready(function() {
    jQuery('#button').click(function() {
      var textvalue = $( "#text-input").val();
        alert(textvalue);
    });
  });
于 2013-10-05T06:49:12.090 回答
1

使用$( "#text-input").val()代替$( "#text-input").text()和alert(textvalue)代替alert('textvalue')

完整代码：

jQuery(document).ready(function() {
    jQuery('#button').click(function() {
      var textvalue = $( "#text-input").val();
        alert(textvalue);
    });
  });

小提琴演示

于 2013-10-05T06:48:26.657 回答
0

两个问题

  1. 需要使用 .val() 来获取输入字段的值
  2. 需要textvalue为警报使用变量而不是字符串文字'textvalue'

尝试

jQuery(function ($) {
    $('#button').click(function () {
        var textvalue = $("#text-input").val();
        alert(textvalue);
    });
});
于 2013-10-05T06:48:52.387 回答
0

用于输入并选择$(selector).val() 用于跨度使用$(selector).text()

于 2013-10-05T06:50:13.113 回答
0

它应该是一个val()即返回value元素的a的jquery函数

var textvalue = $( "#text-input").val();

请注意

.text() 方法不能用于表单输入或脚本。要设置或获取 input 或 textarea 元素的文本值，请使用 .val() 方法。要获取脚本元素的值，请使用 .html() 方法。

http://api.jquery.com/text/

于 2013-10-05T07:03:15.433 回答