Jquery 选择html 标签获取值

https://zhidao.baidu.com/question/299628455.html

 

这个问题包含两个方面：jquery选择器（即针对你指定的那个input元素）和获取内容（即获得输入的值），所以综合起来有如下代码可以实现

$( "input#test" ).val();          // 推荐这种方式，因为id是唯一的

$( "input[name='test']" ).val();  // 此时需要注意是否有同名的input元素

$( "input:text" ).val();          // 这种方式只有整个网页只有一个文本输入框才是正确的

下面给出示例：

1. 创建一个文本框和一个触发获取文本框输入内容的按钮

• < input  id = "test"  name = "test"  type = "text" />

  < input  type = "button"  value = "显示文本框输入内容" >

• 简单设置一下css样式

• input[type= 'text' ]{ width : 200px ; height : 35px ; margin : 10px ; border : 1px  dashed  green ; border-radius: 5px ;}

  input[type= 'button' ]{ width : 200px ; height : 35px ; margin : 10px ; border : 2px  solid  #ebbcbe ;}

• 添加jquery代码

3. $( function (){

        $( "input:button" ).click( function () {

            alert($( "input#test" ).val());

        });

   })

4. 观察显示效果

   

24

评论(1)

分享

举报