如何在Jquery中设置隐藏的输入数据属性

yzuktlbb  于 12个月前  发布在  jQuery
关注(0)|答案(1)|浏览(98)

当时的目标是根据选定的选择框选项设置自定义属性。
下面是一个选择框的HTML:

<select id="select-box">
  <option value="0">Option 1</option>
  <option value="1">Option 2</option>
  <option value="2">Option 3</option>
</select>
<input type="number" name="option_sku" id="option-sku" data-sku="">

字符串
关于JQuery:

// if the selected option is set to 0, 1 or 2 
// then it must set a value to the hidden input field.

I tried this :
if('#select-box' == 1){
 // Set the data attribute here : 
 '#option-sku'.sku('Option 1 Name');
}


然而,这段代码并没有像预期的那样工作。当从选项卡中选择一个选项时,我想将隐藏输入字段的sku属性设置为与选择相对应的特定值。但是没有设置任何值。
我试图访问所选值并设置自定义属性的方式是否有问题?
如果有人对此有很好的解决方案,请在下面发布您的答案。

bis0qfac

bis0qfac1#

在我继续解决方案之前,我可以理解你对JavaScript的基本知识为零..确保你理解JavaScript语法是如何工作的,然后继续。
要获取所选选项,请使用以下代码:
第一个月
selectedIndex变量现在应该包括当前选择的索引。(1,2,3.. etc)
所以你可以这样做:
if(selectedIndex==1){/* some code */}
现在,要获取sku属性(因为你确认你使用jquery),你可以这样做:
$("#required_tracks_id").attr("sku");
请确保检查.attr的使用情况并根据需要编辑它。

相关问题