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)

分享

舉報