最近做了一个行业网站.客户非要用做一个<select>试的友情链接,我感觉效果还不错.今天发出来给大家看看,希望大家能用的到.代码如下.
先写写一下js代码
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
//本窗口打开
//eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+" ' ");
//alert(selObj.options[selObj.selectedIndex].value)
//新窗口打开
window.open(selObj.options[selObj.selectedIndex].value);
if (restore) selObj.selectedIndex=0
}
//-->
</script>
上面是两个有种是在"本窗口打开"另一种是在"新窗口打开"到时看你自己的需要选择吧
下面是<select>代码
<select name="sheng" onChange="MM_jumpMenu('parent',this,1)">
<option selected="selected">友情链接</option>
<option value="http://www.ovzz.com">精美桌面</option>
<option value="http://www.cnitq.com">中国IT圈</option>
<option value="http://www.9idns.com">华中数据</option>
</select>
直接把上面两段代码复制到BODY里面就OK了.
分享到:
相关推荐
首先,创建一个新的`<option>`元素需要使用`document.createElement('option')`。然后,可以使用`.innerHTML`属性设置`<option>`的文本内容,例如:`option.innerHTML = '新选项'`。接着,为了指定`<option>`的值,...
在IT领域,尤其是在Web开发中,`<select>`标签是一个常用元素,用于创建下拉菜单,让用户在一组预设选项中进行选择。本项目中,我们看到一个创新的应用,即通过两个`<select>`标签来实现类似“双选框”的功能,这在...
要实现联动效果,我们需要监听第一个<select>元素的`onchange`事件。当用户更改选择时,此事件会被触发。例如: ```javascript document.getElementById('select1').addEventListener('change', function() { //...
通常,这样的示例会包含一个自定义的样式或脚本,用于扩展`<select>`元素的显示宽度,或者替换`<select>`以达到预期效果。 总的来说,处理固定宽度下拉列表`<select>`中`<option>`内容显示不全的问题需要结合HTML、...
为了动态生成选项,我们可以定义一个名为`DateSelector`的JavaScript类,该类负责初始化年、月、日的`<select>`元素,并为其添加相应的选项。 ```javascript function DateSelector(selYear, selMonth, selDay) { ...
本教程将深入讲解如何封装一个自定义标签来实现一个动态生成的`<select>`标签,这个标签能够根据输入的SQL查询语句自动填充下拉选项。 首先,我们需要了解自定义标签的基本结构。在JSP中,自定义标签由两部分组成:...
在处理多级联动时,每个级别都对应一个`<select>`元素,且下一级别的`<select>`的选项会根据上一级的选择动态生成。 要实现这个功能,JavaScript提供了DOM操作接口,包括`document.getElementById()`、`document....
1. **HTML结构**:创建两个<select>元素,第一个作为一级菜单,第二个作为二级菜单。初始时,二级菜单为空或显示默认选项。 2. **jQuery绑定事件**:使用jQuery的`change()`事件监听一级菜单的选择变化,当用户选择...
当使用`<where>`标签时,它会智能地移除第一个“AND”或“OR”,从而避免了多余的条件判断。这对于构建含有多个查询条件的SQL语句非常有用。 ##### 使用场景 假设我们需要从数据库中查询博客信息,并允许用户根据...
以下是一个关于如何在`<select>`和`<option>`中添加自定义图片的详细教程。 首先,我们需要理解HTML基础。`<select>`元素创建一个可选列表,用户可以选择其中的一个或多个选项。`<option>`元素定义了下拉列表中的一...
在这个特定的场景中,"jsp select 带多选框"指的是在JSP中使用HTML的`<select>`元素创建一个多选下拉框。这种功能在用户界面设计中很常见,允许用户同时选择多个选项。 HTML的`<select>`元素默认只支持单选,但通过...
创建一个简单的`<select>`标签,需要在`<select>`标签内部包含一系列的`<option>`标签,每个`<option>`代表一个可选的值。例如: ```html <select> <option>张三</option> <option>李四</option> <option>王二...
为了解决这个问题,我们可以创建一个自定义的组件,如`lzy-custom-select`,这个组件将`<select>`元素包装在一个更可控的容器中,然后使用JavaScript来模拟原生的下拉行为。 `lzy-custom-select`可能的实现思路是:...
`<select>`元素包含一个或多个`<option>`,用户可以在这些选项中进行选择。例如: ```html <select id="mySelect"> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3...
<option>学号</option> <option>姓名</option> <option>年龄</option> </seclect> [removed] [removed] = funciton(){ var param = document.getElementById(“param1”); param.onchange = getParam(){ var text =...
本文将详细讲解如何利用jQuery、Ajax和JSON来实现一个无刷新的动态二级联动菜单,该功能基于`<select>`元素,提供优秀的用户体验。 首先,我们需要了解jQuery库,它是一个强大的JavaScript库,简化了DOM操作、事件...
其中,`test`属性是必须的,它接受一个表达式,这个表达式的结果将决定`<if>`内部的SQL片段是否被包含到最终生成的SQL语句中。`propertyExpression`通常是一个Map、POJO类的字段或者SpEL(Spring Expression ...
在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作,包括对`<select>`标签的操作。本文将详细讲解如何使用jQuery来管理HTML中的`<select>`元素,包括选择、更改选项,获取选中项的文本、值...
默认情况下,第一个`<option>`是选中的,但你可以使用`selected`属性指定一个默认选中的选项,如: ```html <select> <option value="option1">选项1</option> <option value="option2" selected>选项2</option> ...
而Bootstrap Select是这个生态中的一个补充,专注于解决`<select>`标签的功能局限性。 使用Bootstrap Select的方法并不复杂,通常包括以下步骤: 1. **引入依赖**:首先,确保在页面中引入Bootstrap的CSS和...