this the [demo jsfiddle](http://jsfiddle.net/1xqutsjk/)

I have tried this :

```js
$('.generate').click(function () {
    $('.inthis').text('<select class="select" id="' + $('.select-menu').val() + '"><option>' + $('.text-area').val().split('\n') + '</option><option>' + $('.text-area').val().split('\n') + '</option><option>' + $('.text-area').val().split('\n') + '</option></select>');
});
```

```html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input name="Text1" type="text" value="option_one" class="select-menu">
<br>
<textarea class="text-area" name="Text2" cols="40" rows="5" placeholder="enter one wdg in one line">green
yellow
blue</textarea>
<br>
<input class="generate" type="button" value="test" />
<br>
<br>
<div class="inthis"></div>
```

but it did not work.

I want to be like this :

```
<select class="select" id="option_one">
<option>green</option>
<option>yellow</option>
<option>blue</option>
</select>

```