Syntax selector

app/assets/javascripts/dropdown.coffee

@@ -0,0 +1,33 @@
+class Selector
+  constructor: (selector) ->
+    @input = $("#{selector}-input")
+    @dropdown = $(selector)
+    @placeholder = @dropdown.children 'span'
+    @prefix = @placeholder.text()
+    @options = @dropdown.find 'ul.dropdown > li'
+    this.initEvents()
+
+  initEvents: ->
+    self = this
+
+    @dropdown.on 'click', (e) ->
+      $(this).toggleClass('active')
+      false
+
+    @options.on 'click', (e) ->
+      $el = $(this)
+      $el.siblings().removeClass 'selected'
+      $el.addClass 'selected'
+      self.placeholder.text "#{self.prefix}: #{$el.text()}"
+      self.setValue $el.data 'value'
+
+    @options.filter('.selected').click()
+    @dropdown.removeClass 'active'
+
+  setValue: (value) ->
+    @input.val value
+
+$ ->
+  new Selector '#type'
+  $(document).on 'click', (e) ->
+    $('.wrapper-dropdown').removeClass 'active'

app/assets/javascripts/pastemaster.coffee

@@ -1,8 +1,8 @@
 $ ->
-  $form = $('#pasteform')
-  $contents = $('#contents')
-  $_button = $('#submitbtn')
-  $button = $('#submitlnk')
+  $form = $('form')
+  $contents = $form.find('textarea')
+  $_button = $form.find('input[type="submit"]')
+  $button = $form.find('a[role="submit"]')
 
   # Hide generic button, show styled button
   $_button.hide()