jQuery - 鍵入要輸入的數據框並在屏幕上提示它

如何在將這些數據放到（單個輸入框）時創建腳本，它可以更改爲javascript valable並將其警告？jQuery - 鍵入要輸入的數據框並在屏幕上提示它

eg1。輸入數據：

name=Tom 
age=18 
sex=Male

警報：

alert ('Name:'+$name+', Age:'+$age+', Sex:'+$sex); //Name:Tom, Age:18, Sex:Male

EG2。輸入數據：

name=Mary 
age=19 
sex=Female

警報：

alert('Name:'+$name+', Age:'+$age+', Sex:'+$sex); //Name:Mary, Age:19, Sex: Female

來源

2013-09-25 user2641132

無法理解你的問題...... – Neel

它是一個單一的'input'盒或3個不同？一些HTML代碼會有幫助 –

Javascript在變量名前沒有'$'如果你打算用jQuery獲得一個ID，它應該看起來像'$（「name」）'而不是'$ name' – mavrosxristoforos

好。我不會爲您提供任何代碼。但這是你如何去做的。

爲這些變量創建一個HTML文本輸入併爲其添加「id」屬性。
他們創建一個HTML按鈕元素並將「id」屬性也關聯到它。
現在在JavaScript中，爲按鈕上的點擊事件添加一個監聽器，並傳遞一個函數以獲取三個文本輸入的值（使用它們的ID）並使用alert來顯示它們，就像你想要的那樣！

請參閱？簡單。

JQuery - Click Listener

來源

2013-09-25 07:29:12

它將在一個輸入框中輸入數據！我知道如何使用點擊功能......但我不知道哪種格式適合javascript來知道我輸入的數據。 – user2641132

好吧所以你會在你的單個文本字段中輸入？「瑪麗 - 18 - 女」？像這樣？你想解析它？ –

類型的名字=瑪麗年齡= 19 =性別女'到單個文本字段，和jQuery拆分或檢測的名稱，並將其設置爲val，就像 - >變量$名稱=（~~~輸入框中的名稱~~~ ）; alert（'Name：'+ $ name +'）; – user2641132

這是代碼。只編輯一個輸入的腳本。現在，如果您輸入「名稱：Jabran年齡：25性別：男性」您將從空格「」分割出該字符串。然後可以進一步把它分解擺脫名稱：並留下Jabran

<html> 
<head> 
<script> 
function alertStuff(){ 
var stuff = $("#stuff").val(); 
temp = stuff.split(' '); 
var name = temp[0].split(":"); 
var age = temp[1].split(":"); 
var sex = temp[2].split(":"); 
alert('Name:'+name[1]+', Age:'+age[1]+', Sex:'+sex[1]); 
} 
</script> 

</head> 
<body> 
<input type="text" id="stuff"/> 
<button onClick="alertStuff()">Click for Alert!</button> 
</body> 
</html>

來源

2013-09-25 07:31:04

我需要在一個輸入框中輸入數據！不是3個輸入框。 – user2641132

您可以使用jQuery來實現這一目標：

<input type="text" id="name" value="Mary"> 
<input type="text" id="age" value="19"> 
<input type="text" id="sex" value="female"> 
<a href="#" id="alert">Alert</a>

和jQuery代碼如下：

$(document).ready(function() { 
    $('#alert').on('click', function() { 
     alert('Name: ' + $('#name').val() + ' Age: ' + $('#age').val() + ' Sex: ' + $('#sex').val()); 
    }); 
});

http://jsfiddle.net/BhFGN/

來源

2013-09-25 07:33:18

數據是在一個輸入框中鍵入而不是3！ – user2641132

下面是僅爲一個輸入修改的代碼。

訣竅在於分割輸入字符串以獲取所需內容。使用此語法，輸入「姓名：Jabran年齡：25性別：男

這個功能

function alertStuff(){ 
var stuff = $("#stuff").val(); 
temp = stuff.split(' '); 
var name = temp[0].split(":"); 
var age = temp[1].split(":"); 
var sex = temp[2].split(":"); 
alert('Name:'+name[1]+', Age:'+age[1]+', Sex:'+sex[1]); 
}

來源

2013-09-25 08:18:59

jQuery - 鍵入要輸入的數據框並在屏幕上提示它

回答

相關問題