selectize with svg

Built with blockbuilder.org

forked from jhnwllr's block: jquery example multiple select

forked from jhnwllr's block: jquery combined with selectize

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>val demo</title>

<style>

.line {
  fill: none;
  stroke: steelblue;
  stroke-width: 2px;
}

</style>

d3.select('body')
	.append('p')
	.attr("id", "info")  
  
var select = d3.select('body')
  .append('select')
  .attr('class','select')
  .attr('id','select')  
  .attr('multiple','multiple') 
  .on('change',onchange)
  
var options = select
  .selectAll('option')
	.data(data).enter()
	.append('option')
	.text(function (d) { return d; });

function onchange() {
	var multipleValues = $( "#select" ).val() || [];
  
   d3.select('p')
    .attr("id", "info")
		.text('current value: ' + multipleValues)
	};
  
// selectize input

$(function() {

$('#select').selectize({
    delimiter: ',',
    persist: false,
    plugins: ['remove_button'],
    create: function(input) {
      return {
        value: input,
        text: input
      }
    }
  });

});
  
// Start line chart
  
  
  
  
// function displayVals() {
// var multipleValues = $( "#select" ).val() || [];

// $( "p" ).html( "Multiple: " + multipleValues.join( ", " ) );

// console.log(multipleValues);
// }
  
// $( "select" ).change( displayVals );
// displayVals();
  
  
  
</script>
 
</body>
</html>

https://code.jquery.com/jquery-1.10.2.js

https://d3js.org/d3.v4.min.js