根据选择框更改课程

时间:2016-05-30 11:35:16

标签: javascript jquery joomla

Selectbox 1的完整Joomla代码

<div class="controls">
 <select id="jform_params_wrapper_threed_typeofcontent1" name="jform[params][wrapper][threed_typeofcontent1]" class="chzn-done" style="display: none;">
    <option value="video" selected="selected">Video</option>
    <option value="image">Image</option>
    <option value="disabled">Disabled</option>
 </select>
 <div class="chzn-container chzn-container-single chzn-with-drop chzn-container-active" style="width: 220px;" title="" id="jform_params_wrapper_threed_typeofcontent1_chzn">
  <a class="chzn-single" tabindex="-1">
   <span>Video</span>
   <div><b></b></div>
  </a>
  <div class="chzn-drop">
   <div class="chzn-search">
    <input type="text" autocomplete="off">
   </div>
   <ul class="chzn-results">
    <li class="active-result result-selected highlighted" style="" data-option-array-index="0">Video</li>
    <li class="active-result" style="" data-option-array-index="1">Image</li>
    <li class="active-result" style="" data-option-array-index="2">Disabled</li>
   </ul>
  </div>
 </div>
</div>

通过使用此代码,我更改了选择框中的值,但由于.chzn-results .result-selected.highlighted

,这些值尚未显示在Joomla后端
 $(document).ready(function() {
  $('#jform_params_wrapper_threed_typeofcontent1').bind('change', function (e) {
    $('#jform_params_wrapper_threed_contentlink1type').val('default');
    $('#jform_params_wrapper_threed_contentmodal1type').val('select');
  }).trigger('change');

  $('#jform_params_wrapper_threed_contentlink1type').bind('change', function (e) {
    $('#jform_params_wrapper_threed_contentmodal1type').val('select');
  }).trigger('change');
 });

我在这里不知道如何根据设定值将这些类更改为其他li元素。

1 个答案:

答案 0 :(得分:0)

你必须触发.change(); 所以将.trigger('change')更改为.change()

这应该可以解决问题。