Jquery selectmenu изменить выпадающее значение

У меня есть выпадающее меню, которое я изменил с помощью меню выбора JQuery UI. Мне нужно изменить значение с помощью jquery.Jquery selectmenu изменить выпадающее значение

Я пробовал это и его работу.

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

Его изменение выпадающего значения, но оно не вызывает функцию изменения, связанную с ней.

Просьба ознакомиться с прикрепленным фрагментом кода, запускать предупреждение, когда значение изменено вручную, но если я с помощью jquery изменил его значение в меню выбора jquery, но не вызвал функцию изменения. Пожалуйста, руководство мне, как это сделать.

$('#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 изменить выпадающее значение

ответ

Смежные вопросы