如何处理下拉列表's所选内容正在更改

How to handle drop-down list's selected changing?

本文关键字：何处理 处理 下拉列表      更新时间：2023-11-04

我有一个小标签

 <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:

<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中元素的值是否发生了更改。如果该值已更改，则它将运行该函数。

您可以使用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>
相关文章：