Javascript 下拉菜单html表单个性化类别

我有一个下拉菜单的代码的以下部分

<p>
<label for='Select a Category '>Select a Category<font color="red"><strong>*</strong></font>: </label></p> 
<p><div id='contactform_category_errorloc' class='err'></div>

  <select name="category" class="input">
    <option value="0" selected="selected">
      [choose yours]
    </option>
    <option value="Arts and entertainment">Arts and entertainment</option>
    <option value="Automotive">Automotive</option>
    <option value="Business">Business</option>
    <option value="Computers">Computers</option>
    <option value="Games">Games</option>
    <option value="Health">Health</option>
    <option value="Internet">Internet</option>
    <option value="News and Media">News and Media</option>
    <option value="Recreation">Recreation</option>
    <option value="Reference">Reference</option>
    <option value="Shopping">Shopping</option>
    <option value="Sports">Sports</option>
    <option value="World">World</option>
  </select>
</p>

选择一个类别*：


[选择你的]
艺术与娱乐
汽车
生意
计算机
游戏
健康
互联网
新闻和媒体
娱乐
参考文献
购物
体育
世界

我想在下拉菜单中添加一个值为“自定义”的选项，当我选择该选项时，该选项将显示在空白字段下方，作为输入文本，我可以在其中添加我的个性化文本，以便插入个性化类别

---

有可能吗

也许你的意思是这样的： 因此，在php或其他程序中，您可以检查“我自己的文本”字段。。。不知道你到底要做什么；）

js:

$（'.input'）.change（函数（）
{
if（$（this.attr（'value'）=“0”）{
$（'#选择_-own_-text'）。追加（''）；
}否则{
$（“#选择_-own_-text”）.empty（）；
}
});

你的代码

<p><div id='contactform_category_errorloc' class='err'></div>

  <select name="category" class="input">
    <option value="0" selected="selected">
      [choose yours]
    </option>
    <option value="Arts and entertainment">Arts and entertainment</option>
    <option value="Automotive">Automotive</option>
    <option value="Business">Business</option>
    <option value="Computers">Computers</option>
    <option value="Games">Games</option>
    <option value="Health">Health</option>
    <option value="Internet">Internet</option>
    <option value="News and Media">News and Media</option>
    <option value="Recreation">Recreation</option>
    <option value="Reference">Reference</option>
    <option value="Shopping">Shopping</option>
    <option value="Sports">Sports</option>
    <option value="World">World</option>
  </select>
  <div id="choose_own_text"></div>
</p>

[选择你的]
艺术与娱乐
汽车
生意
计算机
游戏
健康
互联网
新闻和媒体
娱乐
参考文献
购物
体育
世界

也许你的意思是这样的： 因此，在php或其他程序中，您可以检查“我自己的文本”字段。。。不知道你到底要做什么；）

js:

$（'.input'）.change（函数（）
{
if（$（this.attr（'value'）=“0”）{
$（'#选择_-own_-text'）。追加（''）；
}否则{
$（“#选择_-own_-text”）.empty（）；
}
});

你的代码

<p><div id='contactform_category_errorloc' class='err'></div>

  <select name="category" class="input">
    <option value="0" selected="selected">
      [choose yours]
    </option>
    <option value="Arts and entertainment">Arts and entertainment</option>
    <option value="Automotive">Automotive</option>
    <option value="Business">Business</option>
    <option value="Computers">Computers</option>
    <option value="Games">Games</option>
    <option value="Health">Health</option>
    <option value="Internet">Internet</option>
    <option value="News and Media">News and Media</option>
    <option value="Recreation">Recreation</option>
    <option value="Reference">Reference</option>
    <option value="Shopping">Shopping</option>
    <option value="Sports">Sports</option>
    <option value="World">World</option>
  </select>
  <div id="choose_own_text"></div>
</p>

[选择你的]
艺术与娱乐
汽车
生意
计算机
游戏
健康
互联网
新闻和媒体
娱乐
参考文献
购物
体育
世界

可能重复-可能重复-