如何在jQuery中从指定属性的元素中获取值？

你的jQuery选择器写法错误，要基于name属性定位目标select元素，再提取选中值，具体操作如下：

步骤1：修正元素选择器 #

原代码里的$('qualifier="Hello/1.0/TestWorld"')完全错误——目标元素不存在qualifier属性，正确的选择器要针对name属性编写：

const selectElement = $('select[name="Hello/1.0/TestWorld"]');

步骤2：提取所需值 #

• 获取选中选项的value属性值：

  const selectedValue = selectElement.val();
  console.log('选中的value:', selectedValue);
  

• 如果需要获取选中选项的显示文本（比如示例里的"Hello"）：

  const selectedText = selectElement.find(':selected').text();
  console.log('选中的文本:', selectedText);
  

完整修正代码 #

<select name="Hello/1.0/TestWorld" size="1" disabled="disabled" data-original-title="" title="">
  <option value=""></option>
  <option value="Hello">Hello</option>
</select>

<script>
$(document).ready(function(){
  const selectElement = $('select[name="Hello/1.0/TestWorld"]');
  
  // 获取选中选项的value
  const selectedValue = selectElement.val();
  console.log('选中的value:', selectedValue);
  
  // 获取选中选项的显示文本
  const selectedText = selectElement.find(':selected').text();
  console.log('选中的文本:', selectedText);
});
</script>

补充说明 #

即便select元素处于disabled禁用状态，上述jQuery方法依然可以正常提取它的选中值。

内容的提问来源于stack exchange，提问作者Joseph