0

Jquery UIの選択メニューで変更したドロップダウンがあります。jquery を使用して値を変更する必要があります。

私はこれとその作業を試しました。

$('#myId').val('someValue');
$('#myId').selectmenu('refresh');

ドロップダウン値を変更していますが、それに関連付けられている変更関数を呼び出していません。

添付のコード スニペットを確認してください。値が手動で変更されたときにアラートがトリガーされますが、jquery を変更すると、jquery select menu の値が更新されるだけで、変更関数は呼び出されません。やり方を教えてください。

$('#number').selectmenu({
change:function( event, ui ) {alert('Hello')}
});
$('#number').val('3');
$('#number').selectmenu('refresh');
<link href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css" rel="stylesheet"/>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
<html>
  <head>
  
  
  
  
  
  </head>
  <body>
   <select name="number" id="number">
      <option>1</option>
      <option selected="selected">2</option>
      <option value="3">3</option>
      <option>4</option>
      <option>5</option>
      <option>6</option>
      <option>7</option>
      <option>8</option>
      <option>9</option>
      <option>10</option>
      <option>11</option>
      <option>12</option>
      <option>13</option>
      <option>14</option>
      <option>15</option>
      <option>16</option>
      <option>17</option>
      <option>18</option>
      <option>19</option>
    </select>
  
  
  
  </body>
  </html>

)

4

1 に答える 1

3

これを試して。

$('#number').selectmenu();
$('#number').on('selectmenuchange', function() {
    alert( 'Hello'); 
});

$('#number').val(4).selectmenu('refresh').trigger('selectmenuchange');
<link href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css" rel="stylesheet"/>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
    <html>
      <head>
      
      
      
      
      
      </head>
      <body>
       <select name="number" id="number">
          <option>1</option>
          <option selected="selected">2</option>
          <option value="3">3</option>
          <option>4</option>
          <option>5</option>
          <option>6</option>
          <option>7</option>
          <option>8</option>
          <option>9</option>
          <option>10</option>
          <option>11</option>
          <option>12</option>
          <option>13</option>
          <option>14</option>
          <option>15</option>
          <option>16</option>
          <option>17</option>
          <option>18</option>
          <option>19</option>
        </select>
      
      
      
      </body>
      </html>

于 2016-08-31T08:16:23.807 に答える