jquery之下拉列表select

选择下拉列表中的一项,文本框显示其值

html代码如下:

<select id="ttt">
  <option  value="Volvo" id="op1">Volvo</option>
  <option  value="Saab">Saab</option>
  <option  value="Opel">Opel</option>
  <option  value="Audi">Audi</option>
</select>

jquery代码如下:

<script type="text/javascript">
$(function () {

       $("#ttt").change(function () {
                var x=$(‘#ttt‘).val();
                $(‘#a1‘).val(x);
        });
});
</script>

只用到change事件

时间: 2024-10-12 05:56:06

jquery之下拉列表select的相关文章

jquery easyui校验select下拉列表值是否为空的问题

属性名 类型 描述 默认值 required 布尔 定义文本域是否为必填项 false validType 字符串 定义字段的验证类型,比如email, url, etc. null missingMessage 字符串 当文本框为空时提示的文本信息 This field is required. invalidMessage 字符串 当文本框内容不合法时提示的文本信息 null required只表示文本框中是否有内容,easy ui的select框渲染完后 会自动添加一个文本框用于输入,如下

模拟下拉列表select

<!doctype html> <html> <head> <meta charset="utf-8"> <title>模拟下拉菜单</title> <style> * { margin: 0; padding: 0; } body { font: 14px '微软雅黑'; color: #555; padding:50px; } ul { list-style: none; } p { margin-

jQuery选中下拉列表,输出值

jQuery部分: $("#form1 select").change(function () { var s=[]; $("#form1 select :selected").each(function () { var temp=$(this).html(); s.push(temp);//注意这里不能使方括号 }) var xx=s.join();//默认中间加逗号 $("div:last").html(xx);}) html部分:<

jquery获取下拉列表的值和显示内容的方法

页面的下拉列表: 选择时间段: <select name="timespan" id="timespan" class="Wdate" > <option value="1">8:00-8:30</option> <option value="2">8:30-9:00</option> <option value="3"&

Jquery怎么获取select选中项 自定义属性的值

Jquery如何获取select选中项 自定义属性的值? HTML code <select id="ddl" onchange="ddl_change(this)"">    <option value="100" emoney="12" gmoney="12">日卡</option>    <option value="102" e

jQuery动态生成&lt;select&gt;下拉框

前一阵在项目里需要动态生成下拉框,找了一下用jQuery实现比较方便,这里整理一下. 下文所述方法只是本人在项目中遇到问题的解决方法,场景较为简单,也希望能帮助有需要的朋友 1.动态生成下拉框的两种方式 (1)将数据放在model中,JSP页面用EL表达式${}取出,该方式缺点是数据更改时必须刷新整个页面,本文不过多描述. (2)就是本文要说的jQuery动态生成了,该方式适合数据频繁变动的场景. 2.<select>组成 <select> <option value=”aa

JS-005-JavaScript 操作常见 web 元素之五-常见下拉列表 Select 和 datalist

下拉列表在我们日常的网页浏览的过程中,随处可见,是 web 编程过程中大家非常熟悉的一个页面元素,随着 HTML 语言的日益强大,其在广大攻城狮的手中可谓是千变万化,有了很多不同的实现方式.本文主要以常规的 Select 下拉列表来讲述 js 对下拉列表的常规操作,其中 datalist 算是此文稍许的延伸,也可看做一种简单的下拉列表,遗憾的是 IE 9 和更早版本的 IE 浏览器 以及 Safari 不支持 datalist 标签,其主要应用于输入或搜索文字的自动完成功能等,感兴趣的亲们可以详

JQuery 设置checkbox select radio 为“只读”

JQuery  设置checkbox select radio 为“只读”,通过测试知道使用HTML标签的 text 和 textarea .button 可以设置readonly="readonly"属性. 但是checkbox .select. radio 这三个控件使用起来不能使用readonly="readonly"属性,只有 disabled="disabled"可以使用. 这样就出现问题了.又想不让修改,又想在后台获取值.如果使用di

总结jquery中对select和option的基本操作

jQuery获取Select选择的Text和Value:$("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text var checkValue=$("#select_id").val(