Question

我有一个小标签

 <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，但似乎不适合我。请给我一个建议。提前谢谢。

Answer 1

您正在寻找的是change()

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

HTML：

<select class="target">
  <option value="option1" selected="selected">Option 1</option>
  <option value="option2">Option 2</option>
</select>

jQuery的：

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

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

Answer 2

您可以使用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>

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

2 个答案:

HTML：

jQuery的：