javascript,HTML表单:单击按钮插入NULL
javascript, HTML Form: Click button to insert NULL
这是我正在使用的代码,它可以在文本区域字段中运行,但不能在input域中运行。如何修改代码以便在输入字段中运行??
<head>
<script type="text/javascript">
function insertText(elemID, text)
{
var elem = document.getElementById(elemID);
elem.innerHTML = text;
}
</script>
</head>
<form>
<textarea id="txt1" name="passport_no" rows="1" style="width: 100px" required="required"></textarea>
<input type="button" value="If no value, click here to input NULL !" onclick="insertText('txt1', 'NULL');">
<br><br>
<textarea id="txt2" name="hkid_no" rows="1" style="width: 100px" required="required"></textarea>
<input type="button" value="If no value, click here to input NULL !" onclick="insertText('txt2', 'NULL');">
</form>
我试图修改为输入字段,如下所示,但它无法运行。
<form>
<input id="txt1" name="passport_no" style="width: 100px" required="required">
<input type="button" value="If no value, click here to input NULL !" onclick="insertText('txt1', 'NULL');">
<br><br>
<input id="txt2" name="hkid_no" style="width: 100px" required="required">
<input type="button" value="If no value, click here to input NULL !" onclick="insertText('txt2', 'NULL');">
</form>
用.value
代替.innerHTML
设置<input>
元素的value
属性
值
控件的初始值。
<script type="text/javascript">
function insertText(elemID, text) {
var elem = document.getElementById(elemID);
elem.value = text;
}
</script>
<form>
<input id="txt1" name="passport_no" style="width: 100px" required="required">
<input type="button" value="If no value, click here to input NULL !" onclick="insertText('txt1', 'NULL');">
<br>
<br>
<input id="txt2" name="hkid_no" style="width: 100px" required="required">
<input type="button" value="If no value, click here to input NULL !" onclick="insertText('txt2', 'NULL');">
</form>
同时设置elem
:的value
<html>
<head>
<script type="text/javascript">
function insertText(elemID, text)
{
var elem = document.getElementById(elemID);
elem.innerHTML = text;
elem.value = text;
}
</script>
</head>
<form>
<textarea id="txt1" name="passport_no" rows="1" style="width: 100px" required="required"></textarea>
<input type="button" value="If no value, click here to input NULL !" onclick="insertText('txt1', 'NULL');">
<br><br>
<textarea id="txt2" name="hkid_no" rows="1" style="width: 100px" required="required"></textarea>
<input type="button" value="If no value, click here to input NULL !" onclick="insertText('txt2', 'NULL');">
</form>
</html>
首先需要检查它是Input Tag还是Textarea。如果是文本区域,则可以使用innerHTML函数,但如果是Input标记,则需要使用.value函数
快乐编码
Rz
function insertText(elemID, text) {
var elem = document.getElementById(elemID);
console.log(elem.getAttribute("type"));
// check elem is input or Text area
if (elem.tagName == "INPUT" && elem.getAttribute("type") == "text") {
elem.value = text;
}
if (elem.tagName == "TEXTAREA") {
elem.innerHTML = text;
}
}
<form>
<input type="text" id="txt1" />
<input type="button" value="If no value, click here to input NULL !" onclick="insertText('txt1', 'NULL');">
<br><br>
<textarea id="txt2" name="hkid_no" rows="2" col="3" style="width: 100px" required="required"></textarea>
<input type="button" value="If no value, click here to input NULL !" onclick="insertText('txt2', 'NULL');">
</form>
相关文章:
- 将按钮的值插入文本字段
- 如何jQuery-Add按钮最多插入10个新输入
- 如何创建一个表并在单击按钮时插入此标签和文本字段
- 如何在点击按钮后自动插入价值
- javascript,HTML表单:单击按钮插入NULL
- Javascript按钮,在html文本区域中插入一个大黑点(•)
- PHP使用子窗口中的单选按钮确定从子窗口向父窗口文本区域插入什么
- 如何在插入按钮时使其自身加载函数
- 使用AJAX/PHP让HTML按钮将数据插入MySQL数据库
- 如何在facebook垂直共享按钮旁边插入横幅
- 单击按钮可多次动态添加选择框、文本框和日期,并将这些值插入数据库
- 如何在弹出窗口中插入关闭按钮
- 如何在 Firefox 扩展的 JavaScript 中的按钮背景中插入图像
- HTML Texeare 插入符号控件使用左、右、下、上、主页和结束虚拟按钮
- 如何在JS中的屏幕右上角插入一个浮动按钮
- 如何在chrome扩展中插入通知操作按钮
- 如何在网页中插入打印表单的“打印”按钮
- 使用 jQuery 在文本区域插入一个浮动按钮
- 如何通过单击按钮插入 html
- 通过按钮插入MySQL