可编辑的select框实验
来源:互联网 发布:linux安全配置基线 编辑:程序博客网 时间:2024/05/01 09:54
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>mo ni test</title>
</head>
<link href="css/test.css" type="text/css" rel="stylesheet" />
<script text="text/javascript" src="js/jquery-1.9.0.js"></script>
<script text="text/javascript" src="js/test.js"></script>
<body>
<div style="position:relative;">
<span style="margin-left:100px;width:18px;overflow:hidden;">
<select id="select" style="width:118px;height:20px;margin-left:-100px" >
<option value="a"> AAA </option>
<option value="a"> BBB </option>
<option value="a"> CCC </option>
<option value="a"> DDD </option>
<option value="a"> EEE </option>
<option value="a"> FFF </option>
<option value="a"> GGG </option>
</select>
</span>
<input id="input1" name="box" style="width:93px;position:absolute;left:1px;"/>
</div>
</body>
</html>
==================================================================================
对应的js
$(document).ready(
function()
{
var str=$("#select option:selected").text();
$("#input1").val(str);
$("#select option").click(function(){
var str=$("#select option:selected").text();
$("#input1").val(str);
});
}
);
- 可编辑的select框实验
- 可编辑的select 框
- 可编辑的select下拉框
- HTML可编辑的select
- TEXT + SELECT(可编辑的select)
- 实现可编辑的select,,学会变通
- Angular2 可编辑的(editable)select
- select 可编辑
- select 下拉列表可编辑
- 利用html迂回实现可编辑的下拉框(select)
- 让下拉列表select可编辑的简便方法
- 让下拉列表select可编辑的简便方法 2
- html select 可输入 可编辑
- 可编辑的下拉框
- 可编辑的下拉框
- 可编辑的下拉框
- 真正的可编辑的Select,各个选项option可增、删、添、改
- 如何设置select只读不可编辑且select的值可传递
- Kafka与FlumeNG整合
- mac下svn常用基本操作
- 矩形的个数
- Android之Service
- 防辐射服能用多久
- 可编辑的select框实验
- UVa 10167 - Birthday Cake
- IOS设计工具
- Android基础开发环境搭建(一)
- 测试
- const在函数前与函数后的区别
- cs101,数独问题
- Java命名规范
- iOS学习推荐书籍