Javascript 如何处理下拉列表的选定更改？

我有一个小标签

 <select name="txtTK" >
<option value="None">---</option>
    <option value="Mat">Materials</option>
    <option value="Cate">Category</option>
    <option value="Cus">Customer</option>
    <option value="Work">Work</option>
<Option value="Em">Employee</Option>
 </select>

我想当我选择客户选项时，标签将显示在 海关表格。但是页面不会重新加载。 我不知道。实际上，我尝试了w3c ajax，但它似乎不适合我。 请给我一个建议。

---

提前感谢。

您要找的是这个

以下是您可以尝试的示例：

HTML:

---

因此，我们在这里所做的只是检查class.target中元素的值是否已更改。如果该值已更改，则它将运行该函数。

您可以使用jquery。像这样试试

<select name="select_user_type" id="select_user_type">
    <option>Select User</option>
    <option value="reg_farmar.php">Farmer</option>
    <option value="reg_expart.php">Expert</option>
    <option value="reg_supervisor.php">Supervisor</option>
    <option value="reg_coordinator.php">Coordinator</option>
    <option value="reg_officer.php">Officer</option>
    <option value="reg_manager.php">Manager</option>
    </select>
    <script>
       $('#select_user_type').change(function () {
       var str = "";

   $("select option:selected").each(function () {
     str += $(this).text() + " ";
     });           
     var str = String($(this).val());
     $('#div1').load(str);                     
     })
     .change();
</script>

---

我真的不知道你为什么那样问我。因为我只需要为每个标签选项添加一个表。我先尝试简单的任务，这样我才能解决复杂的任务。我想如果我们不能解决简单的问题，那么如何解决困难的问题？？？对不起，因为我的英语不好，所以很粗鲁。我的祖国是这么说的，给他们鱼竿，不要给他们鱼。对不起，你的代码对我都不管用。但它给了我一个暗示。非常感谢，我的朋友们。请从现在开始帮助我yoroshiku onegaishimasu@user3024013代码确实有效，我已经测试过了。我不会放不起作用的代码，哈哈。你包括：

$(document).ready(function(){
  $(".target").change(function(){
    alert("The value has been changed.");
  });
});

<select name="select_user_type" id="select_user_type">
    <option>Select User</option>
    <option value="reg_farmar.php">Farmer</option>
    <option value="reg_expart.php">Expert</option>
    <option value="reg_supervisor.php">Supervisor</option>
    <option value="reg_coordinator.php">Coordinator</option>
    <option value="reg_officer.php">Officer</option>
    <option value="reg_manager.php">Manager</option>
    </select>
    <script>
       $('#select_user_type').change(function () {
       var str = "";

   $("select option:selected").each(function () {
     str += $(this).text() + " ";
     });           
     var str = String($(this).val());
     $('#div1').load(str);                     
     })
     .change();
</script>