Bootstrap Custom jQuery

Sto cercando di ottenere un jQuery personalizzato che funzioni con Bootstrap, ma sono ancora abbastanza nuovo con Bootstrap.

Ho avuto un documento HTML 5 in cui questo ha funzionato:

$('#assigned_agent_c').change(function(){ var agent_id = $('#assigned_agent_c').val(); var name = $('#assigned_agent_c :selected').text(); var phone = $('#assigned_agent_c :selected').attr('data-phone'); $('.my_name').text(name); $('.set_phone').text(phone); $("#user_id").val(agent_id); }); 

In combinazione con questo HTML:

  

Ho anche una selezione a discesa con l’ID assign_agent_c:

  
<option data-phone='555-555-5555' data-email='[email protected]' data-nmls='000000' data-bio='www.somesite.com' value='crm_id' data-image="">My User

Fondamentalmente, jQuery assumerebbe il nome selezionato nel menu a discesa per assigned_agent_c e inserirà il nome nell’elemento span. Fa la stessa cosa con il numero di telefono e l’ID utente. Come posso reporodurre questo in Bootstrap?

Cordiali saluti: l’intera pagina è fondamentalmente un modulo, quindi sto usando gli elementi del modulo Bootstrap, se questo fa la differenza.

Fammi sapere se hai bisogno di maggiori informazioni. Grazie!

Va bene così dopo aver ricevuto maggiori dettagli. Vi esorto a guardare questo riferimento.

http://api.jquery.com/data/

Ad esempio, dal momento che l’elemento selezionato utilizza “data-phone” e “data-email” che è ansible utilizzare

 $('#assigned_agent_c :selected').data('phone') 

per ottenere il telefono dell’elemento attualmente selezionato. o

 $('#assigned_agent_c :selected').data('email') 

per ottenere l’e-mail dell’elemento attualmente selezionato. Dovresti comunque essere in grado di usarlo

 $('#assigned_agent_c :selected').text() 

per ottenere il nome corrente selezionato

Ho creato un violino per te, fai clic su questa linea.