JQuery无法获取元素的输入值

时间:2016-06-26 22:15:27

标签: javascript jquery html

我要做的就是获取文本输入的val()。这是一个example

我不知道是否允许外部链接,所以我也会在此处粘贴:

<div class="input-group">
  <input type="text" id="#test" class="form-control" aria-label="..." style='border-radius:4px;'>
</div>

<script>
  // Always shows up as undefined..not "".
  console.log($("#test").val());
</script>

有谁知道为什么我无法获得这个元素的价值?

1 个答案:

答案 0 :(得分:2)

您必须从id属性中删除<input type="text" id="#test" class="form-control" aria-label="..." .. //_____________________^ 符号:

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.0.0.js"></script>
<script src="https://code.jquery.com/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Why can't I get the input value of the #test?</title>
</head>
<body style='padding:64px;'>

  <div class="input-group">
    <input type="text" value="test value" id="test" class="form-control" aria-label="..." style='border-radius:4px;'>
  </div>
  
  <script>
    // Always shows up as undefined..not "".
    console.log($("#test").val());
  </script>
  
</body>
</html>

希望这有帮助。

&#13;
&#13;
<group
    android:id="@+id/group1"
    android:checkableBehavior="single">
    <item
        android:id="@+id/item1"
        android:icon="@android:drawable/.."
        android:title="---" />
    <item
        android:id="@+id/item2"
        android:icon="@android:drawable/.."
        android:title="--" />
</group>
<group
    android:id="@+id/group2"
    android:checkableBehavior="single">
    <item
        android:id="@+id/item3"
        android:icon="@android:drawable/.."
        android:title="---" />
    <item
        android:id="@+id/item4"
        android:icon="@android:drawable/.."
        android:title="--" />
</group>
&#13;
&#13;
&#13;