js实现点击内容到文本框再点击更换内容
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js实现点击内容到文本框再点击更换内容相关的知识，希望对你有一定的参考价值。
各位大神，我想要一个类似于下拉框的单选效果，但是是横向的，也就是说有几个内容给点击，点击一个内容，文本框会显示相应内容，点击另一个内容，文本框会显示另一个内容，希望有完整代码
参考技术A 你可以参考下面的代码来进行：<!DOCTYPE html>
<html>
<head>
<title>yugi</title>
<meta charset=UTF-8 />
<style type="text/css">
</style>
<script type="text/javascript">
var LInserter =
start : 0,
end : 0,
isIE : function ()
return (!!window.ActiveXObject);
,
getPos : function (obj, whichone)
var me = LInserter;
var pos = 0;
var dir = whichone == "start" ? "StartToStart" : "StartToEnd";
if (me.isIE ())
var rangeSelection = document.selection.createRange ();
if (rangeSelection.parentElement ().id == obj.id)
if (obj.tagName.toLowerCase () == 'textarea')
var rangeBody = document.body.createTextRange ();
rangeBody.moveToElementText (obj);
else
var rangeBody = obj.createTextRange ();
for (pos = 0; rangeBody.compareEndPoints (dir, rangeSelection) < 0; pos++)
rangeBody.moveStart ("character", 1);
for ( var i = 0; i <= pos; i++)
if (obj.value.charAt (i) == "\n")
pos++;
return (pos = whichone == "start" ? (me.start = pos) : (me.end = pos));
else
return (pos = whichone == "start" ? (me.start = obj.selectionStart) : (me.end = obj.selectionEnd));
,
insert : function (obj, params)
var me = LInserter;
obj.value = obj.value.substring (0, me.start) + params + obj.value.substr (me.start);
return obj.value;
;
</script>
</head>
<body>
<a href="javascript:;" onclick="LInserter.insert(document.getElementById('conet'), '我我我我我我我我');">点我</a>
<a href="javascript:;" onclick="LInserter.insert(document.getElementById('conet'), '他他他他他他他');">点他</a>
<textarea name="conet" id="conet" rows="14" cols="50" style="resize:none;" onmouseup="LInserter.getPos(this, 'start');"></textarea>
</body>
</html>
如何用js实现 鼠标点击加号文本框内数字加1
就是一般网店 买东西添数量的效果 鼠标点击加号文本框内数字加1，点击减号 文本框内数字减1
或者不用js实现也可以
window.onload = function ()
var input = document.createElement('input');
var button1 = document.createElement('button');
var button2 = document.createElement('button');
input.type = 'text'; input.id = 'text';
button1.value = '+';
button1.style.width = '25px';
button1.style.height = '23px';
button2.value = '-';
button2.style.width = '25px';
button2.style.height = '23px';
document.body.appendChild(input);
document.body.appendChild(button1);
document.body.appendChild(button2);
button1.onclick = function()
var value = input.value;
//alert(isNaN(value));
if(value != '' && !isNaN(value))
input.value = value * 1 + 1;
else
alert('请输入正整数！');
input.value = '';
button2.onclick = function()
var value = input.value;
//alert(isNaN(value));
if(value != '' && !isNaN(value))
input.value = value * 1 - 1;
else
alert('请输入正整数！');
input.value = '';
</script>本回答被提问者采纳
以上是关于js实现点击内容到文本框再点击更换内容的主要内容，如果未能解决你的问题，请参考以下文章
两个文本框，一个按钮，js怎样判断，点击按钮时，两个文本框都为空，则提示必填一个，两个都有内容？