`
javaboychina
  • 浏览: 62087 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js控制select默认值问题

 
阅读更多

1:<select name="select" id="typeController">
                <option>--投稿人--</option>
                <option>--管理员--</option>
              </select>

注:getElementById()
var t = document.getElementById("typeController");
alert(t.options[t.selectedIndex].value);

 

2:<td align="right" style="height: 25px; width: 16%;">
分销商:</td>
<td align="left" width="*" style="height: 25px; width: 16%;">
<select id="dr_orderrk1" runat="server" onchange="Change(this)">
<option value="测试点">测试点</option>
  <option value="苏泊尔官方旗舰店">苏泊尔官方旗舰店</option>
  <option value="测试点">测试点</option>
</select>
</td>
<script>

var sel=document.getElementById("dr_orderrk1");
for(var i=0;i<sel.length;i++)
{
if(sel.options[i].text=="苏泊尔官方旗舰店")
{
  sel.selectedIndex=i;
  break;
}
}
</script>

分享到:
评论

相关推荐

    解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题

    在使用element-ui开发Web项目时,经常会遇到一些组件使用上的细节问题,其中element-ui中的下拉多选框组件el-select使用时,如何设置默认值且不可删除,是一个较为常见的需求。本文将详细介绍如何解决这个问题,以及...

    xm-select,一款简单多选的select插件

    默认值的设定通常通过JavaScript的初始化配置进行,使得用户体验更加流畅。 再者,获取已选中的值和文本也是XM-SELECT的一大亮点。在用户进行多选操作后,开发者可以轻松地获取到用户的选择,这对于数据提交或者...

    angular select 默认值设置方法

    本文将详细探讨如何在AngularJS中为`select`元素设置默认值。 首先,让我们分析给定的代码片段: ```html &lt;select ng-model="selected" ng-options="x.id as x.name for x in users"&gt;&lt;/select&gt; ``` 这里的`ng-...

    JS简单设置下拉选择框默认值的方法

    总的来说,JavaScript提供了丰富的DOM操作能力,使得我们可以轻松地控制HTML元素,包括设置下拉选择框的默认值。这对于构建交互式的Web应用程序是非常重要的。通过理解并运用这些技术,开发者可以创建更加灵活和用户...

    element-ui中的select下拉列表设置默认值方法

    本文将详细介绍如何在Element UI的select组件中设置默认值。 首先,我们来看看如何在Element UI的select组件中基本设置默认值。在vue组件的data对象中定义一个变量,例如`value`,用来存储当前选中的选项值。然后在...

    layer插件select选中默认值的方法

    然而,有时我们需要更灵活地控制选中默认值,比如在一个函数中处理多个select元素的默认值。在这种情况下,可以定义一个自定义函数,如`layuiSelected()`,这个函数接收select的id和期望的默认值作为参数: ```...

    layui-多选下拉框-xm-select-demo源码

    在“layui-多选下拉框-xm-select”中,源码主要分为两大部分:HTML结构和JavaScript控制。HTML部分主要构建了下拉框的基础结构,包括选择器的容器、触发下拉的按钮以及隐藏的多选选项列表。JavaScript部分则是实现...

    vue.js 解决v-model让select默认选中不生效的问题

    在Vue.js开发中,我们经常使用`v-model`指令来实现数据双向绑定,尤其是在处理表单元素如`select`下拉选项时。然而,当遇到`v-model`无法使`select`默认选中指定选项的问题时,开发者可能会感到困惑。这个问题通常...

    JS更改select内option属性的方法

    本例主要探讨了如何使用JavaScript来更改`&lt;select&gt;`元素内的`&lt;option&gt;`属性,特别是其文本值。以下是对这个实例的详细说明: 首先,我们有一个包含`&lt;select&gt;`元素的HTML页面,`&lt;select&gt;`元素具有一个id为'SHGX',...

    AngularJS select设置默认值的实现方法

    &lt;script type="text/javascript" src="../plugins/angular.min.js"&gt; &lt;select ng-options="act.id as act.name for act in typeList" ng-model="ZNoteVo.type"&gt;&lt;/select&gt; &lt;script type="text/javascript"&gt; ...

    layui第三方插件xm-select

    &lt;script src="path/to/xm-select.js"&gt; ``` 2. **初始化组件**:在layui的页面加载完成后,通过JavaScript来初始化`xm-select`组件。这通常在layui的`layui.use()`方法中进行,确保所有依赖都已加载完成。 ```...

    easyui combbox 显示默认值

    在IT行业中,EasyUI是一个基于JavaScript和jQuery的前端框架,它提供了一系列的UI组件,用于构建功能丰富的Web应用。在EasyUI中,Combobox(下拉框)是一种常见的输入控件,结合了输入框和下拉列表的功能,适用于...

    laravel-admin select框默认选中的方法

    laravel-admin后台框架的select选择框的默认选中,结合select2的js插件; 文档http://laravel-admin.org/docs/#/zh/model-form-fields?id=select选择框; 文档里面没有看到这个默认选中的属性,也可能是我没有找到;...

    用jQuery获取IE9下拉框默认值问题探讨

    在本篇文章中,我们将深入探讨在使用jQuery获取Internet Explorer 9(简称IE9)浏览器中下拉框(select元素)的默认值时遇到的问题。由于下拉框在前端页面中非常常见,而jQuery又是开发人员广泛使用的JavaScript库,...

    JavaScript 多级联动select

    ### JavaScript 多级联动 Select 实现详解 在前端开发中,多级联动 Select 是一个常见的需求,尤其是在处理地区选择、分类导航等场景时。本文将深入解析如何利用原生 JavaScript 实现多级联动 Select,包括其核心...

    ie6下select遮挡div

    总的来说,解决“ie6下select遮挡div”问题需要对HTML、CSS和JavaScript有深入的理解,特别是在处理浏览器兼容性问题时。虽然现在IE6的使用率已经大大降低,但在一些老旧系统或者特定用户群体中,这个问题仍然可能...

    js select省市区三级联动菜单代码

    每个`&lt;select&gt;`元素需要一个唯一的ID,以便于JavaScript访问和操作。 2. **初始化数据**: 数据通常以JSON格式存储,包含省、市、区的层级关系。例如: ```json { "province": [ {"id": "1", "name": "省份1",...

    laravel-admin解决表单select联动时,编辑默认没选上的问题

    首先我们找到select的js,路径:跟目录/vendor/encore/laravel-admin/src/Form/Field下的Select.php文件,找到下面代码: $script = &lt;&lt;&lt;EOT&gt;getElementClassSelector()}, function () { var targ

    JQuery SELECT单选模拟jQuery.select.js

    5. **动态宽度调整**: 插件能够根据原生select元素的宽度动态调整模拟下拉框的宽度,并提供默认值。 ### 插件的修改 1. **解决错位问题**: 修改了模拟下拉框的display属性为inline,从而使其更自然地嵌入到文本行...

Global site tag (gtag.js) - Google Analytics