- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
这是 HTML 代码;
<div class="size-selection___2RlA8">
<div class="gl-form-item">
<div class="gl-native-dropdown gl-native-dropdown--small" autoid="hello-size-selection-dropdown" data-auto-id="hello-size-selection-dropdown">
<div class="gl-native-dropdown__select"><span class="gl-native-dropdown__select-label"><span class="gl-native-dropdown__select-label-text">Size</span></span>
<svg class="gl-icon gl-native-dropdown__select-icon">
<use xlink:href="#dropdown"></use>
</svg>
</div>
<select class="gl-native-dropdown__select-element">
<option></option>
<option value="FV6125_550">5</option>
<option value="FV6125_570">6</option>
<option value="FV6125_580">6.5</option>
<option value="FV6125_590">7</option>
<option value="FV6125_600">7.5</option>
<option value="FV6125_610">8</option>
<option value="FV6125_630">9</option>
<option value="FV6125_640">9.5</option>
<option value="FV6125_660">10.5</option>
<option value="FV6125_670">11</option>
<option value="FV6125_690">12</option>
<option value="FV6125_710">13</option>
<option value="FV6125_730">14</option>
</select>
</div>
</div>
</div>
这是提交按钮;
<button type="button" class="gl-cta gl-cta--secondary add-to-cart-btn___35FqI" data-auto-id="ss-add-to-bag-btn"><span class="gl-cta__text">Submit</span>
<svg class="gl-icon gl-cta__icon">
<use xlink:href="#arrow-right-long"></use>
</svg>
</button>
我正在做什么来更改下拉菜单选择;
$('.gl-native-dropdown__select-element > option').filter((i, el) => el.textContent === '6').prop('selected', true);
$('.gl-native-dropdown__select-label-text').text('6');
但是,如果我单击提交按钮,它仍然显示要选择尺寸。
我希望有一个 JQUERY 解决方案或任何完成此任务的提示。
谢谢
我在 JS 文件中发现的随机内容;
key: "render",
value: function() {
var e = this.props
, t = e.elementId
, n = e.siteKey
, r = e.action
, o = e.onVerify
, a = e.onVerifyName
, u = e.onRef
, l = e.errorMessage
, d = (0,
i.default)(e, ["elementId", "siteKey", "action", "onVerify", "onVerifyName", "onRef", "errorMessage"])
, c = (0,
b.default)("gl-form-item", {
error: l
});
随机事物 2;
key: "render",
value: function() {
var e = this.props
, t = e.className
, n = e.error
, r = e.errorMessageProps
, o = e.errorText
, a = e.hintText
, u = e.id
, l = e.inForm
, d = e.inline
, c = void 0 !== d && d
, f = e.input
, p = e.inputProps
, j = e.label
, _ = e.labelProps
, x = e.name
, w = e.required
, E = e.success
, S = e.title
, O = e.tooltip
, k = void 0 === O ? null : O
, T = e.value
, P = e.useFormValidation
, C = (0,
i.default)(e, ["className", "error", "errorMessageProps", "errorText", "hintText", "id", "inForm", "inline", "input", "inputProps", "label", "labelProps", "name", "required", "success", "title", "tooltip", "value", "useFormValidation"])
, M = this.state
, N = M.isChecked
, A = M.hasFocus
, R = !!P && w;
return m.default.createElement(y, {
condition: l || k
}, m.default.createElement("div", {
className: (0,
h.default)("gl-form-item", {
inline: c || k,
error: n,
hasFocus: A,
required: w,
success: E
})
随机事物 3
key: "render",
value: function() {
var e = this.props
, t = e.hint
, n = e.className
, r = e.type
, o = e.maxLength
, a = e.name
, u = e.placeholder
, l = e.required
, d = e.max
, c = e.min
, f = e.noIcon
, p = e.valid
, b = e.value
, y = e.useFormValidation
, j = e.tabIndexer
, _ = e.centered
, x = e.labelCustomProps
, w = (0,
i.default)(e, ["hint", "className", "type", "maxLength", "name", "placeholder", "required", "max", "min", "noIcon", "valid", "value", "useFormValidation", "tabIndexer", "centered", "labelCustomProps"])
, E = this.id
, S = this.state
, O = S.hasFocus
, k = S.hasValue
, T = !f && "boolean" == typeof p
, P = !1 === p
, C = !0 === p
, M = O || k
, N = y || l
, A = Boolean(u || l);
return m.default.createElement("div", {
className: (0,
h.default)("gl-form-item", {
error: P,
hasFocus: O,
required: l,
success: C
})
最后随机的事情;
key: "render",
value: function() {
var e = this.props
, t = e.id
, n = e.name
, r = e.value
, o = e.label
, s = e.required
, i = e.useFormValidation
, a = e.valid
, u = e.error
, l = e.tabIndexer
, m = e.centered
, h = e.className
, v = void 0 === h ? "" : h
, b = e.min
, g = e.max
, y = e.onChange
, j = e.onFocus
, _ = e.onBlur;
return d.default.createElement("div", {
className: (0,
c.join)((0,
c.default)("gl-form-item", {
error: u,
isRequired: s
}), p("col"), "".concat(p(), " ").concat(v))
}, d.default.createElement(f.GlInput, {
id: t,
name: n,
value: r,
placeholder: o,
type: "number",
required: s,
useFormValidation: i,
valid: a,
noIcon: !0,
min: b,
max: g,
centered: m,
tabIndexer: l,
onChange: y,
onFocus: j,
onBlur: _
}))
最佳答案
这将选择该值并添加它,
let selectedValue = 'FV6125_570';
let select = document.querySelectorAll('.gl-native-dropdown__select-element')[0];
let btn = document.querySelectorAll('[data-auto-id="ys-add-to-bag-btn"]')[0];
select.value= selectedValue;
var nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLSelectElement.prototype, "value").set;
nativeInputValueSetter.call(select, selectedValue);
var ev2 = new Event('change', { bubbles: true});
select.dispatchEvent(ev2);
btn.click()
关于javascript - 选择类别选项在提交时未检测到更改的尺寸?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60159445/
我试图理解基数排序,但在理解实现实际代码时改 rebase 数时遇到问题。这是我用来学习基数排序的代码,我会尝试解释我不明白的地方。 此代码由 GeeksForGeeks 提供: // C++ imp
话不多说,请看代码: ? 1
本文实例讲述了mysql语句实现简单的增、删、改、查操作。分享给大家供大家参考,具体如下: 1、创建db_shop数据库,如果该数据库不存在则创建 ?
使用oracle触发器 实现对某个表的增改删的监控操作,并记录到另一个表中。 代码: 复制代码代码如下: create or replace trigger test_trigge
java连接数据库增、删、改、查工具类 数据库操作工具类,因为各厂家数据库的分页条件不同,目前支持Mysql、Oracle、Postgresql的分页查询 在Postgresql环境测试过了,其他
1、修改数据 复制代码代码如下: DataRow dr =
注册表可以用来进行存储一些程序的信息,例如用户的权限、或者某些值等,可以根据个人需要进行存储和删减。 当前注册表主目录: 引用包 Wesky.Net.OpenTools 1.0.5或
是否可以将 pdf 页面的页眉更改为与当前所选书签同名的名称?我正在为我的 pdf 生成使用 Flying Saucer 。你能举个例子吗?提前致谢。 最佳答案 这对我适用于 flyingsaucer
好家伙,写后端,这多是一件美逝. 关于这个项目的代码前面的博客有写 我的第一个独立项目 - 随笔分类 - 养肥胖虎 - 博客园 (cnblogs.com
准备工作: 增、删、改、查的方法有很多很多种,这里只展示出常用的几种。 ?
需要5个类: 1.实体类:Person.java 2.抽象类:SQLOperate.java(封装了对数据库的操作) 3.助手类:DBOpenHelper.java(继承SQLiteOpenH
首先是是一个简单的例子,单链表的建立和输出。 程序1.1 复制代码 代码如下: #include<iostream> #include<string> using na
数据库操纵基本流程为: 1、连接数据库服务器 2、选择数据库 3、执行SQL语句 4、处理结果集 5、打印操作信息 其中用到的相关函数有 •resource m
我需要为 iPad 和 iPhone 设置不同颜色的标签,我知道我们可以为不同的尺寸类别更改字体大小,但是有什么方法可以根据尺寸类别的值设置不同的颜色 我知道有可用的代码解决方案,但我想知道 size
假设我有一个物体相对于相机的坐标 X、Y、Z 和方向 Rx、Ry、Rz。此外,我有这个相机在世界上的坐标 U、V、W 和方向 Ru、Rv、Rw。 如何将对象的位置(位置和旋转)转换为其在世界中的位置?
CRUD是Create(创建)、Read(读取)、Update(更新)和Delete(删除)的缩写,它是普通应用程序的缩影。如果您掌握了某框架的CRUD编写,那么意味可以使用该框架创建普通应用程序了
项目结构: 添加页面: &
本文实例讲述了android操作sqlite数据库(增、删、改、查、分页等)及listview显示数据的方法。分享给大家供大家参考,具体如下: 由于刚接触android开发,故此想把学到的基础知识
总括 pandas的索引函数主要有三种: loc 标签索引,行和列的名称 iloc 整型索引(绝对位置索引),绝对意义上的几行几列,起始索引为0 ix 是 iloc 和 loc的合体 at
我是一名优秀的程序员,十分优秀!