Jquery selectmenu 드롭 다운 값을 변경하십시오.

Jquery UI select 메뉴로 변경 한 드롭 다운이 있습니다. jquery를 사용하여 값을 변경해야합니다.Jquery selectmenu 드롭 다운 값을 변경하십시오.

나는 이것을 시험해 보았습니다.

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

드롭 다운 값을 변경하지만 해당 함수와 관련된 변경 기능을 호출하지 않습니다.

값을 수동으로 변경하면 알림이 표시되지만 jquery select 메뉴의 값을 변경하면 변경 기능이 호출되지 않습니다. 안내 방법을 안내해주세요.

$('#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>

)

출처

2016-08-31 Jayababu

이보십시오.

$('#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-31 08:16:23 shariqkhan

마법처럼 작품! 감사.. :) – Jayababu

Jquery selectmenu 드롭 다운 값을 변경하십시오.

답변

관련 문제