获取html中的文本输入并转换为javascript
Getting text input in html and transferring to javascript
我了解如何使用html中的输入来调用与html ex:在同一目录中定义的javascript
<input type="button" value="Submit" onclick="someFunc(500)" >
因此,如果单击按钮,java脚本将运行someFunc(500),有没有一种方法可以进行文本输入,并且当按下按钮时,将该输入用作java脚本的参数值?我知道这行不通,我甚至没有定义一个按钮,而是像一样
<input type="text" id= "example" onclick="someFunc(this.value)">
输入文本字段中的数据示例在哪里?
使用监听器怎么样?
var example = document.getElementById("example");
example.onclick = function(){
someFunc(example.value);
}
您可以使用jQuery来完成此操作:请参阅此jsfiddle
HTML:
<input type="text" id="example" value="12345">
JavaScript:
$('#example').on('click',function() {
console.log($(this).val()); // 12345
});
HTML5推荐的方法是使用data-*属性。像这样:
HTML:
<div id="example2" data-product-id="my-product-1"></div>
<button id="getProductId">Get Product Id</button>
JavaScript:
$('#getProductId').on('click',function() {
console.log($('#example2').attr('data-product-id')); // my-product-1
});
<script type="application/javascript">
function someFunc() {
var value = document.getElementById('example').value;
// do something with value here
return false;
}
</script>
<input type="text" id="example">
<input type="button" value="Submit" onclick="someFunc()" >
相关文章:
- 使用键/代码转换JavaScript数组
- NS_ERROR_XPC_BAD_CONVERT_JS:无法转换JavaScript参数arg 0[nsIDOMWind
- 转换Javascript中的DayOfYear值以用于Flot
- 转换Javascript日期格式
- 字符串大小写转换 javascript
- 一个很好的文本到语音转换JavaScript库
- JQuery 函数突然停止工作,转换 Javascript 参数时出错
- 转换 JavaScript 代码
- 需要转换Javascript数组的格式
- 转换javascript中的日期格式
- 循环以转换JavaScript对象
- jQuery Post中的错误:无法转换JavaScript参数
- UglifyJS转换javascript代码
- Html到Haml的转换javascript
- 正在转换Javascript日期
- 转换Javascript关联对象并用PHP输出
- 转换JavaScript'这'到jQuery'$(这个)'
- 转换JavaScript数组
- 无法转换JavaScript参数arg 0 [nsIDOMWindow.getComputedStyle]
- jQuery美元.Firefox中的ajax错误:"无法转换JavaScript参数"