两个文本框内容交换（js收藏1）

最新推荐文章于 2022-08-11 19:11:19 发布
最新推荐文章于 2022-08-11 19:11:19 发布
阅读量3.7k 收藏 1
点赞数
文章标签： border button table javascript input html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hackerhope/article/details/6292587
版权

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Select下拉列表框进行多选、移除、交换内容</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body style="font-size:12px">
<form name="form1" method="post" action="">
<table width="380" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="150"><table width="150" border="0" cellpadding="1" cellspacing="1" bgcolor="#CAFAFC">
      <tr>
        <td height="25" background="/jscss/demoimg/200908/selectbg.jpg" bgcolor="#FFFFFF">　　　请选择：</td>
      </tr>
      <tr>
        <td align="center" bgcolor="#FFFFFF"><select name="sel_place1" size="6" multiple id="sel_place1" style="width:100px " >
          <option value="sel1">江苏省</option>
          <option value="sel2">广东省</option>
          <option value="sel3">河南省</option>
          <option value="sel4">吉林省</option>
          <option value="sel5">浙江省</option>
        </select></td>
      </tr>
    </table></td>
    <td width="80" align="center" valign="bottom"><input name="sure1" type="button" id="sure1"
  onClick="allsel(document.form1.sel_place2,document.form1.sel_place1);" value="<<">
  &nbsp;
  <input name="sure2" type="button" id="sure2"
  onClick="allsel(document.form1.sel_place1,document.form1.sel_place2);" value=">>" align="center" height="2"></td>
    <td width="150"><table width="150" border="0" cellpadding="1" cellspacing="1" bgcolor="#CAFAFC">
      <tr>
        <td height="25" background="/jscss/demoimg/200908/selectbg.jpg" bgcolor="#FFFFFF">　　　已选择：</td>
      </tr>
      <tr>
        <td align="center" bgcolor="#FFFFFF"><select name="sel_place2" size="6" multiple id="sel_place2" style="width:100px ">
            </select></td>
      </tr>
    </table></td>
  </tr>
</table>
</form>
<script language="javascript">
function allsel(n1,n2)
{
  while(n1.selectedIndex!=-1)
  {
   var indx=n1.selectedIndex;
   var t=n1.options[indx].text;
   n2.options.add(new Option(t));
   n1.remove(indx);
  }
}
</script>
</body>
</html>

hackerhope
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
四.在js中怎么实现用按钮修改文本框里面的文字内容。
qubaozhong1234的博客
03-14 3930
问题：怎么实现用按钮修改文本框里面的文字内容？ 实现：1，在body中设置text文本框value值和标题。 2，在body中设置一个button，同时要设置该按钮的实现方法用setText()。 3，在script中用function函数实现setText方法。其中主要的是要通过文本框的id属性，使用document.getElementById()方法实现。 具体实现: <html lang="en"> <head> <meta charset="UTF-8"&gt
js表单文本框内容互换代码
04-07
上述代码中，我们首先获取了两个文本框的引用，然后在点击按钮时，将城市1的值存储在一个临时变量中，接着将城市2的值赋给城市1，最后将临时变量中的值（原城市1的值）赋给城市2。这样，两个文本框的内容就成功互换...
jQuery点击文本框内容互换.zip
07-11
&lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;title&gt;js点击文本框内容互换代码&lt;/title&gt; &lt;/head&gt; &lt;body&gt;[removed][removed] [removed]  function change(){   var num1 = document.getElementById("num1").value;   var num2 = document.getElementById("num2").value; {    document.getElementById("num2").value = num1;    document.getElementById("num1").value = num2;   }  } [removed] 这是一份jQuery点击文本框内容互换，需要的朋友可以下载使用
jsp中两个框中内容互换
你究竟是想一辈子卖糖水，还是希望获得改变世界的机会？
09-30 1779
在项目中需要实现如下的效果内容。如图： 具体实现的源码如下： 两个框的页面源码： 已选角色： 主任 医师 护士 前台 内勤
交换文本，五种不同方式
CSS 初学者指南
06-25 429
这是Web应用程序中的常见需求：单击某些内容，然后单击刚刚更改的内容的文本。 也许有些简单的事情，例如将“显示”按钮切换为“隐藏”，或将“扩展描述”切换为“折叠描述”。 这是一件很简单的事情，但是要考虑很多因素。 让我们涵盖很多方法。 jQuery Way（更少标记/更多JavaScript） 您需要将“交换”文本存储在某处。 我会说在大多数情况下，这是设计/视图方面的问题，因此将...
JavaScript点击交换按钮实现内容互换
qq_43718339的博客
10-13 2755
//JavaScript代码应用于现在各类地图软件的地点互换上 实现效果图 <!DOCTYPE html> <html> <head> <meta http-equiv="content-type"content="text/html" charset="UTF-8"> <title>两个值的交换</title> ...
js表单文本框内容互换特效代码
03-20
对于"内容互换"的特效，我们可以创建两个文本框，并为它们绑定事件监听器。当用户点击其中一个文本框时，其内容会交换到另一个文本框。以下是一个简单的实现示例： ```html <!DOCTYPE html> <title>JS表单...
js表单文本框内容互换代码.zip
11-24
这种功能常见于用户需要在两个输入框之间交换数据的场景，例如在验证或确认输入时。 首先，让我们了解HTML5中的表单和文本框。HTML5提供了多种类型的输入元素，其中`<input>`标签用于创建输入字段，比如文本输入框...
js点击文本框内容互换代码.zip
最新发布
09-27
例如，我们可以有两个文本框，当一个被点击时，它们的内容会互换： ```html <input type="text" id="input1" value="原始内容1"> 原始内容2"> ``` 对应的JavaScript代码可以是这样的： ```javascript document....
js点击文本框内容互换代码
06-11
在JavaScript编程中，有时我们需要实现一个功能，使得用户可以点击某个元素来交换两个文本框的内容。这个需求在很多场景下都很实用，比如在表单中切换不同选项，或者如题目所述，用于显示可切换的城市信息。这个“js...
jsp两个框内容互换的demo
09-30
jsp中两个页面的内容互换，在项目中的“角色管理”中用到。将项目中用到的代码做成了demo。
纯js实现点击切换内容
hhazjyh5210的博客
08-11 3869
js实现点击切换，排他思想
html文本框的内容发生改变事件
y18749247391的博客
03-19 5880
$('#teacher_name_no').bind('input onchange', function(){ })
JS实现将一个文本框的值移动到另一个文本框
翩跹星子的博客
12-28 3586
实现效果： 代码： &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;hea...
JS实现两个input框内容实时变化
cxws110的博客
03-27 1582
采用onkeyup()事件： <input type="text" value="${fp.FYe}" id="bchkje_${fp.id}" class="bchkje" onkeyup="jsye('${fp.id}')" style="width: 80px;"/> //计算余额 function jsye(fpid){ var jshjje=doc...
input文本框交换事件
java中摸爬滚打的GIS开发人员
08-31 585
做前端的demo做到文本框交换的事件，车站查询，类似于携程旅游的网站上，只是目前还没有完全解决，只是实现了简单的点击事件触发文本框的互相交换事件，很简单。代码如下
vb如何实现同时播放两个文本框内容？
03-12
你可以使用多线程来实现同时播放两个文本框内容。具体实现方法可以参考以下代码： Sub PlayText() Dim t1 As New Thread(AddressOf PlayTextBox) Dim t2 As New Thread(AddressOf PlayTextBox) t1.Start(TextBox1.Text) t2.Start(TextBox2.Text) End Sub Sub PlayTextBox(ByVal text As String) '播放文本框内容的代码 End Sub 请注意，以上代码仅为示例，

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值