Question

如何在将这些数据放入（单个输入框）时创建脚本，它可以更改为javascript valable并提醒它吗？

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

Answer 1

好。我不会向您提供任何代码。但是你会怎么做。

为这些变量创建HTML文本输入，并为其添加“id”属性。
他们创建一个HTML按钮元素并将'id'属性与它相关联。
现在在JavaScript中，为按钮上的click事件添加一个监听器，并传递一个函数，该函数将获取三个文本输入的值（使用它们的id）并使用alert来显示它们，就像你想要的那样！

请参阅？简单。

JQuery - Click Listener

Answer 2

这是代码。仅针对一个输入编辑脚本。现在，如果你提供输入＆＃34;姓名：Jabran年龄：25性别：男性＆＃34; 您将从空格中分割此字符串＆＃34; ＆＃34 ;. 然后你可以进一步拆分它以摆脱Name：并留下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>

Answer 3

您可以使用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/

Answer 4

这是仅针对一个输入修改的代码。

诀窍是分割输入字符串以获得所需内容。使用此语法输入“姓名：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]); 
}

jQuery - 键入数据到输入框并在屏幕上提醒它

4 个答案: