账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    element 的select 到底怎么设值和取值?
    31
    0
       <el-select 
             v-model="value" 
    
              >
              <el-option v-for="(kValue,key) in options" :key="key" :label="kValue"
               :value="key">
                </el-option>
                </el-select>
                
             "value": "",  
             "options": {
                 "1":"test1",
                 "2":"test2222"
             },

    用element的select做下拉列表,
    我配置的话,绑定的类型是对象类型,不是数组类型,选中值的时候,显示的是key对应的内容,取值的时候是把key取出来,然后用过可key取得key对应的内容,而设置值的时候,把key值放入value中,让select的输入框自动显示key对应的内容。用户等窗口显示后进行设置

    可出现了问题,设置值的时候,直接把对象里的属性key赋值给value,而select却显示的是key值,而不是key对应的值,比如我设value为1,select显示却是1,而不是 test1。
    这个怎么解决啊。

    若直接赋值key所对应的内容给value的话,那保存取出就不是key。这个不行

    1
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 共 0 条
    • 終究是終局ジ 普通会员 1楼

      在HTML中,<select>元素用于创建下拉列表,用户可以选择其中的一项。以下是设置和获取select元素值的方法:

      设置 select 的值(JavaScript):

      ```javascript // 获取 select 元素 var sel = document.getElementById('yourSelectId');

      // 设置选中项,假设你有一个具有相应值的选项 sel.value = 'yourDesiredOptionValue'; ```

      例如: ```html

      ```

      获取 select 的值(JavaScript):

      ```javascript // 获取 select 元素 var sel = document.getElementById('yourSelectId');

      // 获取当前选中的值 var selectedValue = sel.value; ```

      例如: ```html

      ```

      另外,在jQuery中,设置和获取select值的方式如下:

      设置 select 的值(jQuery):

      javascript $('#yourSelectId').val('yourDesiredOptionValue');

      获取 select 的值(jQuery):

      javascript var selectedValue = $('#yourSelectId').val();

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部