jquery如何将下拉单中的值赋到input中

luobutou0827 2012-07-10 03:10:40



<input type="text" value="" id="get"  onFocus="WdatePicker({disabledDays:[<?=$strdoctortime;?>]})"/> />

<select id="orz">

	<option value="1">111</option>

	<option value="2">222</option>

	<option value="3">333</option>

</select>

<script>

$("#orz").change(function(){

	$("#get").val($(this).val());

});

</script>

我想把select中的值赋到input中的onFocus里面的中括号中或者如何动态的取一个值赋到中括号里面。

...全文

310 11 打赏收藏转发到动态举报

写回复

用AI写文章

11 条回复

切换为时间正序

请发表友善的回复…

发表回复

luobutou0827 2012-07-11

打赏
举报

还有人能回答一下吗

gf05011 2012-07-10

打赏
举报

$("#get").val($("#orz option:selected").text());

luobutou0827 2012-07-10

打赏
举报

onFocus="WdatePicker({disabledDays:[]})"
是我一个日历控件里面的函数。

[Quote=引用 8 楼的回复:]
WdatePicker()函数是怎么定义的，下面是我的测试代码：

HTML code
<!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.o……
[/Quote]

乌镇程序员 2012-07-10

打赏
举报

WdatePicker()函数是怎么定义的，下面是我的测试代码：

<!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>无标题文档</title>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

</head>



<body>

<input type="text" value="" id="get" />

<select id="orz">

    <option value="1">111</option>

    <option value="2">222</option>

    <option value="3">333</option>

</select>

<script>

function WdatePicker(o) {

	$("body").append(o.disabledDays);

}

$("#get").focus( function() {

	WdatePicker({disabledDays: $("#orz").val()});

});

</script>

</body>

</html>

luobutou0827 2012-07-10

打赏
举报

选了select以后再点击input框，disabledDays:[]里面还是空的啊

luobutou0827 2012-07-10

打赏
举报

兄台，能帮我在IE里面调试一下吗，我在ie，google里面还是不行。



<!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=gb2312" />

<title>无标题文档</title>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

</head>



<body>

<select id="orz">

    <option value="1">111</option>

    <option value="2">222</option>

    <option value="3">333</option>

</select>

<input type="text" value="" id="get"  onFocus="WdatePicker({disabledDays:[]})" />

<script type="text/javascript">

//换个思路

$("#get").focus( function() {

    WdatePicker({disabledDays: $("#orz").val()});

});

</script>



</body>

</html>

[Quote=引用 5 楼的回复:]
HTML code
<input type="text" value="" id="get" />
<script type="text/javascript">
//换个思路
$("#get").focus( function() {
WdatePicker({disabledDays: $("#orz").val()});
});
</script>
[/Quote]

乌镇程序员 2012-07-10

打赏
举报

<input type="text" value="" id="get" />

<script type="text/javascript">

//换个思路

$("#get").focus( function() {

	WdatePicker({disabledDays: $("#orz").val()});

});

</script>

luobutou0827 2012-07-10

打赏
举报

我用的IE和google都不行啊。

<!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=gb2312" />

<title>无标题文档</title>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

</head>



<body>

<input type="text" value="" id="get" onFocus="WdatePicker({disabledDays:[]})"/>

<select id="orz">

    <option value="1">111</option>

    <option value="2">222</option>

    <option value="3">333</option>

</select>

<script>

$("#orz").change(function(){

    $("#get").attr("onfocus", "WdatePicker({disabledDays:" + $(this).val() + "})");

});

</script>



</body>

</html>

JiaoPengJay 2012-07-10

打赏
举报

火狐浏览器测试你的代码是可以的，这里说下你多了这个/>
你用的是什么浏览器

luobutou0827 2012-07-10

打赏
举报

兄台，没有实现啊。
[Quote=引用 1 楼的回复:]
JScript code
$("#orz").change(function(){
$("#get").attr("onfocus", "WdatePicker({disabledDays:" + $(this).val() + "})");
});
[/Quote]

乌镇程序员 2012-07-10

打赏
举报

$("#orz").change(function(){

    $("#get").attr("onfocus", "WdatePicker({disabledDays:" + $(this).val() + "})");

});

js实现input输入框输入信息后出现下拉选择框，下拉框的数据源可以使根据输入的值从数据库中动态获取

这是我修改过的jquery的date_input日期选择控件，可以使用下拉菜单的方式选择年份，除去了原有控件选择年份采用点击方式所带来的烦恼。压缩包内含有代码以及压缩过的js。

在表单提交的网页中，我们经常使用下拉菜单列表，这篇文章解释了如何获取下拉列表选择的值。在jQuery中，我们通过使用.val()方法获得下拉列表的选定值。.val()方法主要用于获取表单元素的值，例如input，select和textarea。描述：获取匹配元素集中第一个元素的当前值。 jQuery获取下拉菜单列表选定值下面是实例分析。引用jQuery库文件在HTML代码前面需要引用jQuery库文件，你可以把jQuery库文件下载到本地服务器进行调用，也可以直接使用第三方提供的..

当用户点击input标签时会执行以下操作首先删除class为option1的元素然后生成一个新的option标签，设置值为hello，设置class为option1，最后将元素插入到id为dataListOption的元素后面。接着往下改造，首先将click点击时触发改为change内容改变时触发，触发事件内首先获取当前输入框的值，然后将值传给后端进行模糊查询并返回给我们数据，获取到返回的数据后删除class为option1的所有，然后for循环遍历数据，重新创建option元素。...

jQuery实现input下拉多选框支持单选，多选。

JavaScript

87,923

社区成员

224,618

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章