easyui combobox name选择器

Posted LinVan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了easyui combobox name选择器相关的知识,希望对你有一定的参考价值。

html

<input name="myinputdom" id="myinputdom" class="easyui-combobox myinputdom" data-options="......" /> 


当使用如下选择器来操作combobox对象时,会出现不同的表现。

JavaScript

$(‘input[name=myinputdom]‘).combobox(...);//错误

$(‘:input[name=myinputdom]‘).combobox(...);//错误

$(‘#myinputdom‘).combobox(...);//正确

$(‘.myinputdom‘).combobox(...);//正确

 

分析:

 

使用firefox查看最终的页面代码如下:

 

<input id="myinputdom" class="easyui-combobox combobox-f combo-f textbox-f" data-options="......" style="display: none;" textboxname="myinputdom" comboname="myinputdom"><!-- 使用id和class选择器选中的是该元素,因为该元素属于easyui-combobox类型,所有可以使用combobox的方法 --!>

<span class="textbox combo" style="width: 132px; height: 20px;">
<span class="textbox-addon textbox-addon-right" style="right: 0px;">
<input class="textbox-text validatebox-text" type="text" autocomplete="off" readonly="readonly" placeholder="" style="margin-left: 0px; margin-right: 18px; padding-top: 2px; padding-bottom: 2px; width: 106px;">
class="textbox-value"type="hidden"name="myinputdom"value="3 hours"><!-- 使用表单加属性选择器选中的是该元素,因为该元素不是easyui-combobox类型,所有无法使用combobox的方法 --!>
</span>
 
所以,我们可以使用ID和类选择器去编辑easyui组件,不可以用input[name=‘myinputdom‘]。一般来说,单个组件我们可以使用ID选择器,批量编辑我们可以使用类选择器。
 

 

以上是关于easyui combobox name选择器的主要内容,如果未能解决你的问题,请参考以下文章

easyui combobox中的值是从数据库拿过来的,编辑easyui gridveiw时combobox定位gridveiw对应值

jquery easyui combobox 添加添加选择项

Easyui combobox 始终选择第一个的问题

easyui combobox中textField字段的拼接

easyui combobox 用代码赋值不触发change事件,选择值会触发

Jquery 结合 easyUI 实现 当选择框中的值等于某一个值的时候,另一个combobox中的值发生变化。