javascript - 如何在某些选择元素的onclick事件上更改javascript文件中类的属性？

Question

$.widget('ui.spinner', {
options: {
    min: 0,
    max: null,
    allowNull: false,

    group: '',
    point: '.',
    prefix: '',
    suffix: '',
    places: null,

我有一个ui.spinner.js文件

我的 jsp 上有一个微调器，默认情况下 min 属性设置如上。

但是在更改列表值时，我希望也可以为微调器输入负值。onclick如果出现以下选项，我该如何执行此操作：

<select autocomplete="off">
  <option value="promotional" selected="selected" id="promotional">Absolute</option>
  <option value="consistent" id="consistent" onclick="changeSpinnerValues();">Relative to WAMP</option>
</select>

微调器如下：

 <td><label for="st"><strong>WAMP</strong></label>
   <input type="text" id="Spinner" class="spinner" value="0" name="ST_CAPTURE" />
 </td>
 <td><label for="lt"><strong>WAMP</strong></label>
   <input type="text" id="Spinner" class="spinner" value="0" name="LT_CAPTURE" />
 </td>

我将如何实现changeSpinnerValues()功能并在里面设置属性min= null;？

Answer 1

首先向 select 添加一个 id，如下所示：

<select id="changer">
    <option value="promotional" selected="selected" id="promotional">Absolute</option>
    <option value="consistent" id="consistent">Relative to WAMP</option>
</select>

然后使用这个js来调用你的函数（onChange不是onClick）。

$('#changer').on('change', function() {
             if($(this).val() == 'consistent') {
                 changeSpinnerValues();
             }
         })