如何在下拉列表中调用javascript或jquery函数

How to call javascript or jquery function inside dropdown

本文关键字：javascript jquery 函数 调用 下拉列表      更新时间：2023-09-26

>我有以下HTML代码：

<select name = 'category' id='category'>
    <option value="a">A <a href="" class = "edit" id ='1'> Click here to edit </a> </option>
    <option value="b">B <a href="" class = "edit" id ='b'> Click here to edit </a> </option>
</select>

我正在尝试这样做：

$(document).on('click','.edit', editfunction);
function editfunction() {
    alert('hi');
    //call here ajax code 
}
首先，

你的HTML是无效的;你不能在option内有a元素：

<select name="category" id="category">
    <option value="a">A</option>
    <option value="b">B</option>
</select>

要执行您需要的操作，您可以挂接到select的change事件，而不是option中a的click。然后，您可以使用 $(this).val() 在 editFunction() 中获取所选值：

$(document).on('change', '#category', editfunction);
function editfunction() {
    var value = $(this).val();
    console.log(value);
    // AJAX...
}

尝试使用以下方法

$('#category').on('change', function(){
   editfunction( $(this).val() );
 })
function editfunction(val){
   // Make your ajax call here
}

而且您实际上不需要里面的标签来实现这一目标

我认为这就是你想要的JSFIDDLE示例

相关文章：