博客

jQuery UI Spinner option()方法

  • Post category:jquery

以下是关于 jQuery UI Spinner option() 方法的详细攻略：

jQuery UI Spinner option() 方法

option() 方法用于设置或获取 Spinner 控件的选项值。

语法

$(selector).spinner("option", optionName);
$(selector).spinner("option", optionName, value);

示例一：获取 Spinner 控件的选项值

<label for="spinner">选择一个数字：</label>
<input id="spinner"="value">

<button id="get-value">获取最大值</button>

<script>
$( "#spinner" ).spinner({
  max: 100
});

$( "#get-value" ).click(function() {
  var max = $( "#spinner" ).spinner( "option", "max" );
  alert( "最大值为：" + max );
});
</script>

这将创建一个 Spinner 控件，并在页面上添加一个按钮。单击按钮将获取控件的最大值选项，并将其显示在一个警告框中。

示例二：设置 Spinner 控件的选项值

<label for="spinner">选择一个数字：</label>
<input id="spinner" name="value">

<button id="set-value">设置最小值为 10</button>

<script>
$( "#spinner" ).spinner({
  min: 0,
  max: 100
});

$( "#set-value" ).click(function() {
  $( "#spinner" ).spinner( "option", "min", 10 );
});
</script>

这将创建一个 Spinner 控件，并在页面上添加一个按钮。单击按钮将设置该控件的最小值选项为 10。

总结：

option() 方法用于设置或获取 Spinner 控件的选项值。可以使用该方法获取控件的选项值，也可以使用该方法设置控件的选项值。使用该方法可以方便地控制 Spinner 控件的各种选项。

以上是关于 jQuery UI Spinner option() 方法的详细攻略，包括语法和两个示例。

Tags: