使用jquery选择值时显示占位符

Question

我想创建一个选择值，它将显示占位符而不是选项的值。

例如：当您选择<option value="">Unselect</option>时，它应显示占位符 “选择数据类型”而不是值“取消选择”

这是一个示例fiddle

<div class="main_wrapper">
    <select data-placeholder="Select Data Type" style="width:350px;" class="myChosen">
      <option value="" selected hidden></option>
      <option value="">Unselect</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
      <option value="6">6</option>
    </select>
      <br/>
    <select data-placeholder="Select Data Type" style="width:350px;" 
    class="myChosen">
       <option value="" selected hidden></option>
      <option value="">Unselect</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
      <option value="6">6</option>
    </select>
      <br />
    <select data-placeholder="Select Data Type" style="width:350px;" 
    class="myChosen">
       <option value="" selected hidden></option>
      <option value=""></option> // VALUE NOT SHOWING
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
      <option value="6">6</option>
    </select>
      <br />
</div>