title: Using Drop-down menu with D3 force layout graph
body: <p>I am trying to use a drop down menu with a D3 force layout graph so that when I select an option from the drop down menu, the corresponding node becomes highlighted and the name appears above the node. I am using jquery to get the value of the selected option and then want this option to match up with the correct node. Here is the jquery that I am currently using. I know I will probably have to add on to this but am not sure where to go next:</p>
  
  <pre><code>$(document).ready(function(){
         $('.letters').on('change',function(){
                cur_name = $('.letters').val();
                alert('The selected name is ' + cur_name);
                                              }); 
                                });
  </code></pre>
  
  <p>The alert is just for testing purposes. I have also made a jsfiddle and here is the link:</p>
  
  <p><a href="http://jsfiddle.net/ohiobucks23/xr3uE/" rel="nofollow">http://jsfiddle.net/ohiobucks23/xr3uE/</a></p>
  
  <p>I am making a much larger force layout graph with a lot more options than just A, B, and C but just made this on a smaller scale really quick for proof of concept purposes. Any suggestions would be appreciated. Thanks!</p>