當前位置:首頁 » 網頁前端 » 前端如何獲取文本框內容
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

前端如何獲取文本框內容

發布時間: 2022-07-16 05:43:15

『壹』 在js在怎樣獲取用戶輸入在<input type="text"/>中的值

  1. 在head中引用jquery:

    <script type="text/javascript" src="/js/jquery-1.7.1.min.js"></script>

2.定義一個text輸入框:

<input type="text" value="" id="inputValue"/>

3.在自定義函數中根據id獲取此text的值:

var temp = $('#inputValue').val();//獲取值


alert(temp);//顯示

4.將輸入的 字元串根據 ","分割:

var temp = $('#inputValue').val();

var getStr = temp.split(",");

5.定義一個對象,並列印輸入這個對象的值:

var jsonData = {};

jsonData.MainCmdID = 9100;//游戲消息 MDM_GF_GAME

jsonData.SubCmdID = 9012;//用戶出牌SUB_C_OUT_CART_WEB

jsonData.ChairID = 0;

jsonData.CardCount = getStr.length;

jsonData.CardData = temp;

var str = JSON.stringify(jsonData);

alert(str);

輸出 text中輸入的值:


『貳』 html 點擊按鈕獲取input文本框裡面的值

可以使用輸入框的val()方法來獲取input的值,給按鈕綁定點擊事件觸發彈出該輸入框的值。

工具原料:編輯器、瀏覽器

1、解決的思路就是給一個按鈕綁定點擊事件,然後參數該輸入框的值,代碼如下:

<html>
<head>
<scripttype="text/javascript"src="libs/jquery/2.1.4/jquery.js"></script>
<scripttype="text/javascript">
$(document).ready(function(){
$("button").click(function(){
alert($(":text").val());
});
});
</script>
</head>
<body>
<p>Name:<inputtype="text"name="user"value=""/></p>
<button>改變文本域的值</button>
</body>
</html>

2、運行的結果如下:

『叄』 angularjs怎麼獲得文本框的值

  1. 給 input裡面加一個ng-model="input1"


  2. 在js裡面加:$scope.input1 = "";就可以了。


『肆』 如何獲取HTML中用戶輸入到文本框中的內容

原生JS:

var oInput =document.getElementById("app") //獲取一個id為app的輸入框元素;

var getHtml = oInput.innerHTML //獲取該元素的內容並賦值給getHTML;

(4)前端如何獲取文本框內容擴展閱讀:

JavaScript一種直譯式腳本語言,是一種動態類型、弱類型、基於原型的語言,內置支持類型。它的解釋器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用於客戶端的腳本語言,最早是在HTML網頁上使用,用來給HTML網頁增加動態功能。

在1995年時,由Netscape公司的Brendan Eich,在網景導航者瀏覽器上首次設計實現而成。因為Netscape與Sun合作,Netscape管理層希望它外觀看起來像Java,因此取名為JavaScript。但實際上它的語法風格與Self及Scheme較為接近。

JavaScript腳本語言具有以下特點:

(1)腳本語言。JavaScript是一種解釋型的腳本語言,C、C++等語言先編譯後執行,而JavaScript是在程序的運行過程中逐行進行解釋。

(2)基於對象。JavaScript是一種基於對象的腳本語言,它不僅可以創建對象,也能使用現有的對象。

(3)簡單。JavaScript語言中採用的是弱類型的變數類型,對使用的數據類型未做出嚴格的要求,是基於Java基本語句和控制的腳本語言,其設計簡單緊湊。

『伍』 頁面上有一個文本框,文本框里含有table代碼,如何用js或jq,獲取table代碼里的width值和height值

<body>
<divstyle="border:1pxsolidred;height:200px;width:200px;"></div>

<script>
$(function(){
alert($("div")[0].offsetWidth)
})

</script>

</body>

這是我剛寫的一個例子,你可以看一下,可能不太好。

下面這兩個是我在網上搜到直接復制的

標簽元素的寬高值獲取
//絕對寬度
Obj.offsetWidth
//絕對高度
Obj.offsetHeight

『陸』 asp。net 關於如何獲取前端動態文本框的值。 求高手賜教

在後台直接用Request.Form["名稱"]獲取就可以,不過要記住,用的是你生成的控制項的name屬性,而不是id屬性。
你後台的sql就根據前台獲取的控制項值來設定,有這個控制項,就加上一條語句。
比如說你做一個查詢語句
StringBuilder sqlBuilder=new StringBuilder();
sqlBuilder.Append("select * from myuser where");
if( 存在某一個控制項)
{
sqlBuilder.Append(" name='"+第一個控制項獲得的值+"'")
}

『柒』 JS獲取文本框的值

方法一:

var name = document.getElementById("name").value;

alert(name);

方法二:

name = form1.name.value;

alert(name);

方法三: jquery

name = $("#name").val();

alert(name);

方法四:jquery

name = $("input[id='name']").val();

alert(name);

方法五:jquery

name = $("#name").attr("value");

alert(name);

方法六:jquery

name = $("input[id='name']").attr("value");

alert(name);

}

『捌』 如何用JS控制,radio的value值獲取text文本框值

如果前端不需要什麼效果的話,可以不用任何處理,以上代碼已經可以實現了. 你只需要在後端判斷一下money的值是否為空,如果為空,就取moneymoney的值代替.
如果前端需要一些效果,可以給第4個radio綁定onclick事件處理函數,將moneymoney設為可用,其它3個的onclick事件處理函數中將moneymoney設為不可用(disabled=true)