Javascript 如何获取select选项中嵌入的输入文本的值？

在我的html模板中，我在

标记中有一组选项。一个特定选项允许您在输入文本字段中键入自定义类别名称

现在，单击submit按钮后，我无法获取输入字段中的值（如果在其中输入了值）

以下是HTML

和

字段：

---

但是，在输入或所选类别值中不返回任何值。

这甚至不是有效的html，Chrome会在选择之外呈现输入

function add_category(select_id, input_id){
        if($("#"+select_id+"").val()=='0')
        {
            alert("Please select a valid category");
        }
        else if($("#"+select_id+"").val()=='customOption')
        {
            var i = $("#"+input_id+"").val();
            alert("INPUT CATEGORY: ,"+i);
        }
        else
        {
            var s = $("#"+select_id+"").val();
            alert("SELECTED CATEGORY: ,"+ s);        
        }
    }



    });

将输入放在选择框的外部

挑选

这甚至不是有效的html，Chrome会在select之外呈现输入

将输入放在选择框的外部

挑选

您可以使用下面的代码段检索select的值，这将对您有所帮助

var mySelect = $('select[name=browser');
var conceptName = mySelect.find(":selected").text();
console.log(conceptName)

可执行代码段位于下面的代码笔URL中

---

您可以使用下面的代码段检索select的值，这将对您有所帮助

var mySelect = $('select[name=browser');
var conceptName = mySelect.find(":selected").text();
console.log(conceptName)

可执行代码段位于下面的代码笔URL中

---

如Andrian所说，select中的输入不是有效的html。

---

您必须创建一个包含输入的自定义下拉列表，而不是使用默认的select，而是像ul、li这样的元素。

如Andrian所说，select中的输入不是有效的html。

---

您必须创建一个内置输入的自定义下拉列表，而不是使用默认的选择元素，例如ul、li。

是否尝试删除

disabled=“disabled”来自文本输入的

属性？您是否在选择框中获得输入字段？

元素不能将

元素作为后代请始终校对您的帖子。此问题缺少关键信息，因为

元素已消失-它们需要反勾号。是否尝试删除

disabled=“disabled”来自文本输入的

属性？您是否在选择框中获得输入字段？

元素不能将

元素作为后代请始终校对您的帖子。此问题缺少关键信息，因为

元素已消失-它们需要反勾号。

var mySelect = $('select[name=browser');
var conceptName = mySelect.find(":selected").text();
console.log(conceptName)