Question

我是javascript和jquery的新手，我尝试了许多在网站上找到的相关问题，但我无法解决我的问题。

如何从这段HTML中获取值？

<div class="frmPillIdentifier-field-fmt">
 <select id="scolor" name="scolor" size="1">
  <option id="colorOption" value="8">Kirli Beyaz</option>
 </select>

如何在选项标签中获取值？

我试过这样的事情，但它没有解决我的问题：

$colorValue = jQuery('#frmPillIdentifier-field-fmt > select[name=scolor] > option[id=colorOption]');
//$colorValue = $('#colorOption').val();
  $shapeValue = $('#shapeOption').val();
  console.log("Renkler"+$colorValue.val()+$shapeValue);

控制台错误是这样的＆＃34; = Renklerundefinedundefined＆＃34;

Answer 1

您可以用来获取价值;

$("#colorOption").attr("value");

Answer 2

将第一行更改为：

$colorValue = jQuery('.frmPillIdentifier-field-fmt > select[name=scolor] > option[id=colorOption]');

frmPillIdentifier-field-fmt是一个类，而不是ID，因此您可以使用.来选择它。

DEMO

或者你可以简单地使用：

$colorValue = $("#colorOption");

由于ID是唯一的，因此您无需提供访问它的详细路径。

Answer 3

使用此

select = document.getElementById("scolor");
shapeValue=select.value;

Answer 4

足够了：

    <select id="scolor" name="scolor" size="1">
  <option value="_0">--Choose--</option> 
  <option value="_8">Kirli Beyaz</option>
  <option value="_9">Some thing</option>
</select>    


var colorSet = {
 _0: 'data0'
 ,_8: 'data8'
 ,_9: 'data9'
}


var shapeValue = $('#shapeOption').val();
var colorValue = calorSet[ shapeValue]

console.log("Renkler" + colorValue + shapeValue);

PS 您无法复制ID。并且没有所有变量Var在全局范围内都是坏的。

Answer 5

尝试使用此代码：

$('#scolor').change(function(){
    var optionvalue = $("#colorOption option:selected").text();
});

如何获取html值？

5 个答案: