有一个关于select的问题，比较头疼

webraider 2002-05-15 04:12:06
如何一点击这个下拉表单就让某一数据项成为selected？？
比如第三项，多谢师兄


<select name="issueobject">
<option value=""> please select here... </option>
<option value="/cw/issues/2002/9" > 2002 Issue 9 </option>
<option value="/cw/issues/2002/10" > 2002 Issue 10 </option>
<option value="/cw/issues/2002/11" > 2002 Issue 11 </option>
<option value="/cw/issues/2002/12" > 2002 Issue 12 </option>
<option value="/cw/issues/2002/13" > 2002 Issue 13 </option>
<option value="/cw/issues/2002/14" > 2002 Issue 14 </option>
<option value="/cw/issues/2002/15" > 2002 Issue 15 </option>
<option value="/cw/issues/2002/16" > 2002 Issue 16 </option>
<option value="/cw/issues/2002/17" > 2002 Issue 17 </option>
<option value="/cw/issues/2002/18" > 2002 Issue 18 </option>
<option value="/cw/issues/2002/19" > 2002 Issue 19 </option>
<option value="/cw/issues/2002/20" > 2002 Issue 20 </option>
<option value="/cw/issues/2002/21" > 2002 Issue 21 </option>
<option value="/cw/issues/2002/22" > 2002 Issue 22 </option>
<option value="/cw/issues/2002/23" > 2002 Issue 23 </option>
<option value="/cw/issues/2002/24" > 2002 Issue 24 </option>
<option value="/cw/issues/2002/25" > 2002 Issue 25 </option>
<option value="/cw/issues/2002/26" > 2002 Issue 26 </option>
</select>
...全文
43 12 打赏 收藏 转发到动态 举报
写回复
用AI写文章
12 条回复
切换为时间正序
请发表友善的回复…
发表回复
microsoft_net 2002-05-16
  • 打赏
  • 举报
 回复
想实现什么功能？？？
blues-star 2002-05-16
  • 打赏
  • 举报
 回复
<select name="issueobject" onclick="test('3')">
<option value=""> please select here... </option>
<option value="9" > 2002 Issue 9 </option>
<option value="10" > 2002 Issue 10 </option>
<option value="11" > 2002 Issue 11 </option>
<option value="12" > 2002 Issue 12 </option>
<option value="13" > 2002 Issue 13 </option>
<option value="14" > 2002 Issue 14 </option>
<option value="15" > 2002 Issue 15 </option>
<option value="16" > 2002 Issue 16 </option>
<option value="17" > 2002 Issue 17 </option>
<option value="18" > 2002 Issue 18 </option>
<option value="19" > 2002 Issue 19 </option>
<option value="20" > 2002 Issue 20 </option>
<option value="21" > 2002 Issue 21 </option>
<option value="22" > 2002 Issue 22 </option>
<option value="23" > 2002 Issue 23 </option>
<option value="24" > 2002 Issue 24 </option>
<option value="25" > 2002 Issue 25 </option>
<option value="26" > 2002 Issue 26 </option>
</select>
<input onclick=check(23) type=button>
<input id=test>
<script>
function check(val)
{
for (var i=0;i<issueobject.options.length;i++)
{
issueobject.options[i].selected = false;
}
for (var i=0;i<issueobject.options.length;i++)
{
if (issueobject.options[i].value == val)
{
issueobject.options[i].selected = true;
break;
}
}
}
</script>
ybcheng 2002-05-16
  • 打赏
  • 举报
 回复
如果我不用SCRIPT函数，该如何将一个值与所有的OPTION值相比较然后定位到两者相等的OPTION呢？
qiushuiwuhen 2002-05-15
  • 打赏
  • 举报
 回复
onclick完将不能选择其他，既然是选择框，就应该自由的嘛，呵呵
所以我使用onmousedown，修改如下
<script>
function test(selindex){
with(document.all.issueobject)if(selectedIndex==0)selectedIndex=selindex;
}
</script>
<select name="issueobject" onclick="test('3')">
<option value=""> please select here... </option>
<option value="/cw/issues/2002/9" > 2002 Issue 9 </option>
<option value="/cw/issues/2002/10" > 2002 Issue 10 </option>
<option value="/cw/issues/2002/11" > 2002 Issue 11 </option>
<option value="/cw/issues/2002/12" > 2002 Issue 12 </option>
<option value="/cw/issues/2002/13" > 2002 Issue 13 </option>
<option value="/cw/issues/2002/14" > 2002 Issue 14 </option>
<option value="/cw/issues/2002/15" > 2002 Issue 15 </option>
<option value="/cw/issues/2002/16" > 2002 Issue 16 </option>
<option value="/cw/issues/2002/17" > 2002 Issue 17 </option>
<option value="/cw/issues/2002/18" > 2002 Issue 18 </option>
<option value="/cw/issues/2002/19" > 2002 Issue 19 </option>
<option value="/cw/issues/2002/20" > 2002 Issue 20 </option>
<option value="/cw/issues/2002/21" > 2002 Issue 21 </option>
<option value="/cw/issues/2002/22" > 2002 Issue 22 </option>
<option value="/cw/issues/2002/23" > 2002 Issue 23 </option>
<option value="/cw/issues/2002/24" > 2002 Issue 24 </option>
<option value="/cw/issues/2002/25" > 2002 Issue 25 </option>
<option value="/cw/issues/2002/26" > 2002 Issue 26 </option>
</select>
weidegong 2002-05-15
  • 打赏
  • 举报
 回复
打雷喽
Andrawu 2002-05-15
  • 打赏
  • 举报
 回复
<script>
function test(selindex){
document.all.issueobject.selectedIndex=selindex ;
}
</script>
<select name="issueobject" onclick="test('3')">
<option value=""> please select here... </option>
<option value="/cw/issues/2002/9" > 2002 Issue 9 </option>
<option value="/cw/issues/2002/10" > 2002 Issue 10 </option>
<option value="/cw/issues/2002/11" > 2002 Issue 11 </option>
<option value="/cw/issues/2002/12" > 2002 Issue 12 </option>
<option value="/cw/issues/2002/13" > 2002 Issue 13 </option>
<option value="/cw/issues/2002/14" > 2002 Issue 14 </option>
<option value="/cw/issues/2002/15" > 2002 Issue 15 </option>
<option value="/cw/issues/2002/16" > 2002 Issue 16 </option>
<option value="/cw/issues/2002/17" > 2002 Issue 17 </option>
<option value="/cw/issues/2002/18" > 2002 Issue 18 </option>
<option value="/cw/issues/2002/19" > 2002 Issue 19 </option>
<option value="/cw/issues/2002/20" > 2002 Issue 20 </option>
<option value="/cw/issues/2002/21" > 2002 Issue 21 </option>
<option value="/cw/issues/2002/22" > 2002 Issue 22 </option>
<option value="/cw/issues/2002/23" > 2002 Issue 23 </option>
<option value="/cw/issues/2002/24" > 2002 Issue 24 </option>
<option value="/cw/issues/2002/25" > 2002 Issue 25 </option>
<option value="/cw/issues/2002/26" > 2002 Issue 26 </option>
</select>
qiushuiwuhen 2002-05-15
  • 打赏
  • 举报
 回复
他的意思应该是这个吧？
<select name="issueobject" onmousedown=this.selectedIndex=3>
<option value=""> please select here... </option>
<option value="/cw/issues/2002/9" > 2002 Issue 9 </option>
<option value="/cw/issues/2002/10" > 2002 Issue 10 </option>
<option value="/cw/issues/2002/11" > 2002 Issue 11 </option>
<option value="/cw/issues/2002/12" > 2002 Issue 12 </option>
<option value="/cw/issues/2002/13" > 2002 Issue 13 </option>
<option value="/cw/issues/2002/14" > 2002 Issue 14 </option>
<option value="/cw/issues/2002/15" > 2002 Issue 15 </option>
<option value="/cw/issues/2002/16" > 2002 Issue 16 </option>
<option value="/cw/issues/2002/17" > 2002 Issue 17 </option>
<option value="/cw/issues/2002/18" > 2002 Issue 18 </option>
<option value="/cw/issues/2002/19" > 2002 Issue 19 </option>
<option value="/cw/issues/2002/20" > 2002 Issue 20 </option>
<option value="/cw/issues/2002/21" > 2002 Issue 21 </option>
<option value="/cw/issues/2002/22" > 2002 Issue 22 </option>
<option value="/cw/issues/2002/23" > 2002 Issue 23 </option>
<option value="/cw/issues/2002/24" > 2002 Issue 24 </option>
<option value="/cw/issues/2002/25" > 2002 Issue 25 </option>
<option value="/cw/issues/2002/26" > 2002 Issue 26 </option>
</select>


孟子E章 2002-05-15
  • 打赏
  • 举报
 回复
<select name="issueobject">
<option value=""> please select here... </option>
<option value="/cw/issues/2002/9" > 2002 Issue 9 </option>
<option value="/cw/issues/2002/10" > 2002 Issue 10 </option>
<option value="/cw/issues/2002/11" > 2002 Issue 11 </option>
<option value="/cw/issues/2002/12" > 2002 Issue 12 </option>
<option value="/cw/issues/2002/13" > 2002 Issue 13 </option>
<option value="/cw/issues/2002/14" > 2002 Issue 14 </option>
<option value="/cw/issues/2002/15" > 2002 Issue 15 </option>
<option value="/cw/issues/2002/16" > 2002 Issue 16 </option>
<option value="/cw/issues/2002/17" > 2002 Issue 17 </option>
<option value="/cw/issues/2002/18" > 2002 Issue 18 </option>
<option value="/cw/issues/2002/19" > 2002 Issue 19 </option>
<option value="/cw/issues/2002/20" > 2002 Issue 20 </option>
<option value="/cw/issues/2002/21" > 2002 Issue 21 </option>
<option value="/cw/issues/2002/22" > 2002 Issue 22 </option>
<option value="/cw/issues/2002/23" > 2002 Issue 23 </option>
<option value="/cw/issues/2002/24" > 2002 Issue 24 </option>
<option value="/cw/issues/2002/25" > 2002 Issue 25 </option>
<option value="/cw/issues/2002/26" > 2002 Issue 26 </option>
</select>
<input type=button onclick="issueobject.options[3].selected=true" value=选第三个>
webraider 2002-05-15
  • 打赏
  • 举报
 回复
写出来了，就是这么个东西

<script>
function checkselection()
{
for (var i=0; i < 2; i++) {
//eval("inForm.selectTest.options[i]=option" + i)
if (i==1)
form1.selection.options[i].selected=true;
}
}
</script>
<form name="form1" method="post" action="">
<select name="selection" onclick="checkselection();">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select >
</form>
孟子E章 2002-05-15
  • 打赏
  • 举报
 回复
是点击按钮实现选择吗
孟子E章 2002-05-15
  • 打赏
  • 举报
 回复
是点击按钮实现选择吗
孟子E章 2002-05-15
  • 打赏
  • 举报
 回复
你点了就是selected的啊！你什么意思说明白
最完美的select美化下拉框
很多人为select的诸多不完善而头痛，如无法自定义样式、IE6中无法被浮动层遮住等等。这是一款堪称最完美的下拉框组件，特点如：美化的并且可自定义的外观、使用简单、支持分组、下拉列表展开的方向智能化、下拉框可...
2款表单Select样式美化经典案例
DivCSS布局中表单的美化一直是CSSer头疼的问题，特别是Select样式的美化，更是头痛。今天向大家展示实例，希望对大家的学习工作有所帮助。 　 演示：http://www.websjy.com/club/websjy_index/select/
分享：DivCSS实例教程：2款表单Select样式美化经典案例
DivCSS布局中表单的美化一直是CSSer头疼的问题，特别是Select样式的美化，更是头痛。今天向大家展示实例，希望对大家的学习工作有所帮助。 演示：http://www.websjy.com/club/websjy_index/select/
html select样式优化,jQuery+CSS实现select列表菜单表单样式美化
SELECT美化后的列表菜单表单控件效果图我们使用CSS控制表单输入框样式美化没问题、CSS设置按钮表单样式没问题，比较头疼的是一般CSS是不能单纯像输入框、按钮设置美化，单纯使用CSS美化html SELECT无效，至少IE6、IE...
select2多选下拉选回显的问题
公司要求是要做一个多选下拉选 , 也是自己第一次用select2这个插件 , 以前用的是layui现在用bootstrap真的是头疼,被layui宠坏了 因为没有直接按照官方的做法来,导致增加了自己的很多问题吧,但是也增进了一些自己js的...
JavaScript

87,996

社区成员

224,693

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

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

+ 用AI写文章