精华内容
下载资源
问答
  • select默认选中的option
    千次阅读
    2017-09-15 19:02:14
    $("#id option:first").prop("selected", 'selected'); 


    将请选择加入到select中第一位
    $("#id").prepend("<option value=''>--请选择--</option>");


    填充select
    $("#id").append("<option value=''>value</option>");
    更多相关内容
  • 主要介绍了js如何获取select默认选中Option并不是当前选中的值,需要的朋友可以参考下
  • < option xss=removed xss=removed>2</ option> < option xss=removed>3</ option> </ select > 第二种 为通过前端js来控制选中的项: < script type = text/javascript > function change(){
  • 直接绑定将option中的value值绑定给v-model <el v-for=item key=item.value value=item.value label=item.label></el> [removed] export default{ data() { return { options: [{ value: '01',
  • select选中option设置为默认选项,可多个select可一个select.项目中遇到这个问题后自己写的(原先有默认值的话会将选中的设为默认选项)
  • vue中selectoption默认选中项的解决,我遇到的问题是,无法给option设置默认值,百度了一番各种大神的解决方案始终无效! 尝试过的解决方案有: 1、html代码如下,通过v-model可以获取到选中的值,如果option...

     

    前言

    首先和浏览到这篇文章的朋友问声好,我是刚进入前端没多久的一个小白,喜欢分享一下自己在工作中遇到的问题与信德,希望大家能够多多指点。

    下面就言归正传了!


     

    一、vue中select的option默认选中项的问题

    vue中select的option默认选中项的解决,我遇到的问题是,无法给option设置默认值,百度了一番各种大神的解决方案始终无效!

           尝试过的解决方案有:

            1、html代码如下,通过v-model可以获取到选中的值,如果option中存在value属性,优先获取value值即item.code,如果不存在,则获取option的文本内容,也就是下面代码中coupon.name.

                  首先说明,html这样写没有任何问题,动态的select的正确使用方法就是这样。

                  但是我始终无法给option设置初始值。

       设置option默认值(失败代码示例):

    <select class="select-language" name="" v-model="datas.selectLanguage">
      <option
         v-for="item in language"
         :key="item.code"
         :value="item.code"
         :label="item.enG_DESC"
         ></option>
    </select>
       this.getLanguage(query).then((result) => {
          this.language = result.data.language;
          this.language.forEach((item) => {
            if (item.isdefault === 1) {
              this.datas.selectLanguage = item.code;
    
              return;
            }
          });
        });

    二、解决方案

    1.在mounted请求数据的方法中添加this.$nextTick()

    代码如下(成功示例)

       this.getLanguage(query).then((result) => {
          this.language = result.data.language;
          this.language.forEach((item) => {
            if (item.isdefault === 1) {
              this.$nextTick(() => {//添加完以后
                this.datas.selectLanguage = item.code;
              });
              return;
            }
          });
        });

     

    2.个人分析

      1、当没有绑定v-model,直接给对应的option加selected属性,目前的这个小功能通过selected三目运算同样可以实现;

       2、当给select绑定了v-model的值的时候,要给v-model绑定的datas.selectdanguage值里写默认值;

    因为我目前option遍历的数据是通过接口请求来的,所以使用以上的两种办法是有问题的,需要在请求数据的代码里加上 this.$nextTick(callback);为了在数据变化之后等待 Vue 完成更新 DOM,可以在数据变化之后立即使用  this.$nextTick(callback)。这样回调函数将在 DOM 更新完成后被调用,并且回调函数中的 this 将自动绑定到当前的 Vue 实例上;


    总结

    以上就是我个人的一些简单总结;

    曾参考大神Demo链接:https://blog.csdn.net/weixin_36810906/article/details/87877753

    展开全文
  • 根据form表单提交的值,默认select下拉框的option选中: <label>是否推荐:</label> <select class="input-text" name="is_recommend"> <option value="0" <?php if($is_recommend==...

    根据form表单提交的值,默认将select下拉框的option值选中:

    <label>是否推荐:</label>
    <select class="input-text"  name="is_recommend">
        <option value="0"  <?php if($is_recommend=="0"){echo "selected";} ?>  >不限</option>
        <option value="1"  <?php if($is_recommend=='1'){echo "selected";} ?>  >是</option>
        <option value="2"  <?php if($is_recommend=='2'){echo "selected";} ?>  >否</option>
    </select>
    
    展开全文
  • 首先,v-model的值为当前被选中的el-option的 value 属性值 需求:进入编辑页面,状态栏默认选中生效,如下显示: html部分代码: 状态> 请选择> label=item.label value=item.value> </el>
  • 下面代码用html实现了angular1.x select默认选中option (初始状态效果如下) --------------------------------------------------------<div class="row"> <div class="col s12"> <div class=...
    下面代码用html实现了angular1.x  select默认选中option   (初始状态效果如下)

    --------------------------------------------------------
    <div class="row">
    <div class="col s12">
    <div class="solar-icon-title"><i class="material-icons left"><img
    src="solar/res/logo-icon/60-40全年计划完成情况.svg" class="responsive-img"/></i><span>发电量统计</span>
    </div>
    <select ng-model="myVar"
    style="display:block;position:absolute;right:10px;top:5px;width:70px;font-size:1rem;height:24px;margin:0;padding:0;">
    <option value="" disabled="disabled" style="display:none;">--请选择--
    </option>
    <option value="directive1" ng-selected="true">柱状图</option>
    <option value="directive3">热图</option>
    </select>

    <div ng-switch="myVar">
    <div ng-switch-default="directive1">
    <chart-bar options="vm.bar"
    style="display:block;position:absolute;top:36px;left:0;right:0;bottom:0;"></chart-bar>
    </div>
    <div ng-switch-when="directive3">热图
    <solar-calheatmap options="vm.options"
    style="display :block;position:absolute;top:36px;left:0;right:0;bottom:0;"></solar-calheatmap>
    </div>
    </div>
    </div>
    </div>


    转载于:https://www.cnblogs.com/sheen573156440/p/6548019.html

    展开全文
  • 项目中遇到一个问题,是将选中option设置为默认值,然后保存,需要下次打开的时候还是选中的值 https://download.csdn.net/download/sinat_37812248/10784280 自己参考网上的资料写了一下 ...
  • 2 ng-selected = “1”代替selected=”selected”,但问题是select下会多出一个无用的option 3 在数据准备时设置,$scope.standardCourse.showHours= ‘1’; 解决多出的一个无用的option 是否显示课时数 <select ...
  • 着急想要解决办法的朋友可以直接看最后的内容:}一般我们使用select标签时大概都会使用到option标签来填充下拉框中的内容只有几个固定的内容写死在页面还好,可能是这样的: &lt;select name="type"...
  • vue中,静态书写select标签的option选项时如何设置默认选中项 在vue框架下,给select标签使用v-model绑定数据时,我们的selected=’‘selected’'设置的默认选中项失效了,那么在vue框架下如何给我们的select标签...
  • 给某个option 添加 selected = "selected" 属性就是默认选项 如: 复制代码代码如下: <select id=”isAudit” name=”isAudit”> <option value=”2″>全部</option> <option value=...则“通过”为默认选中
  • 今天再做项目,layui框架回显不支持select下拉框,结果再百度找解决方案,看了大部分都是用ajax重新获取列表来实现的,我重新写了一个,用起来还是比较方便和简单。 前端代码 <!-- 管理员修改 --> <...
  • 1.下载好layui跟jquery所需要的jar 2.代码实例(可直接粘贴复制使用) <!DOCTYPE html> <html> <head>...layui-select的动态的option</title> <meta name="renderer...
  • 默认选中select 第一个option

    万次阅读 2017-12-13 10:04:22
    下面是两种默认选中第一个option的方法 var selec = document.getElementById("id"); selectExt.options[0].selected = true;$("#id option:first").prop("selected", 'selected'); 第二种是使用jQuery的 prop()...
  • easyui select 默认选中指定值

    万次阅读 2018-07-25 17:59:35
    function initRegion(key, val) { ... $('#Region').combobox('select', '全部'); } }); }   // 数据加载成功后将指定值选中 eg: $('#Region').combobox('select', '全部');    
  • 开始时已经渲染完页面再选中就无效了 所以在渲染时就设置选中 ajax: success : function (result) ... if(man[i].id==temporarymanid) //当循环到和你想默认的value值一样时,设置此项为选中 { $(.
  • jsp 默认select option 默认选中方法

    千次阅读 2019-10-14 11:47:25
    select option 默认选中方法 因为我是jsp中使用这个标签,我也从事java开发一两年多了,之前一直做vue,现在因工作需要使用jsp我就不会用了,废话也不多说,现在开始吧 1、foreach循环后的默认选中 1. 先看这段...
  • 下面小编就为大家分享一篇vue select二级联动第二级默认选中第一个option值的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 本文主要介绍select下拉框的相关方法。 1、通过id获取下拉框的value和文本值 例如: <select class=form-control id=numbers> <option value=1>数字1</option> <option value=2>数字2</option> </...
  • 下面小编就为大家带来一篇jQuery获取select选中option的value值实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8">...meta name="viewport" content="width=device-width, initial-scale=1.0">...根据内容让select默认选中
  • el-select 默认选中

    千次阅读 2022-01-11 10:45:22
    <template> <div> <el-form ref="form" :model="form" label-width="80px">...el-select :disabled="isRead" v-model="form.status" class="mySelect" popper-class="wentipingSe.
  • } //调用复选框默认选中方法 selectedVal(); } //遍历下拉框设置默认选项 function selectedVal(){ var nation=document.getElementById("nations"); var mz=document.getElementById("mz").value; var ops=nation....
  • option的value比较来确定select默认选中
  • 设置默认选中第一项 id为select的id $("#id option:first").prop("selected", 'selected');

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 42,289
精华内容 16,915
关键字:

select默认选中的option