Question: I thought that adding a `"value"` attribute set on the `<select>` element below would cause the `<option>` containing my provided `"value"` to be selected by default:

```html
<select name="hall" id="hall" value="3">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
</select>
```

However, this did not work as I had expected. How can I set which `<option>` element is selected by default?

Answer: 
I use Angular and i set the default option by

**HTML Template**

```
<select #selectConnection [(ngModel)]="selectedVal" class="form-control  col-sm-6 "  max-width="100px"   title="Select" 
      data-size="10"> 
        <option  >test1</option>
        <option >test2</option>      
      </select>

```

**Script:**

```
sselectedVal:any="test1";

```
This is how I did it...

```
<form action="../<SamePage>/" method="post">

<?php
    if ( $_POST['drop_down'] == "")
    {
    $selected = "";
    }
    else
    {
    $selected = "selected";
    }
?>

<select name="select" size="1">

  <option value="1" <?php $selected ?>>One</option>
     ////////  OR  ////////
  <option value="2" $selected>Two</option>

</select>
</form>

```