Question

这是我在HTML中的select标签我正在重新获得如下所示的价值

有人请告诉我怎样才能在Colon（:)之前检索值例如，如果它是200：Java编程语言我只需要200作为值

<select name = "book" id="selSeaShells">
  <option></option>
  <option value = "100:C programming language">C programming language</option>
  <option value = "200:Java programming language">Java programming language</option>
</select>

function myFunction() {
    var quantityvalue = document.getElementById("quan").value;
    var selObj = document.getElementById('selSeaShells');
    var optionselectedvalue;
    var optionselectedtext;

    for (i = 0; i < selObj.options.length; i++) {
        if (selObj.options[i].selected) {
            optionselectedvalue = selObj.options[i].value;
        }
    }
}

Answer 1

在您的示例中，您可以执行

optionselectedvalue.split(':')[0]

A demo here

Answer 2

您可以使用jquery或常规javascript命令从中获取值。

然后使用值split函数在字符串值.split(":")上使用此代码，它返回一个数组，您将需要第一个索引，因此要放在字符串上的总代码是{{1 }}。

如果您想将其作为数字，请使用结果上的.split(":")[0]或parseInt函数。

Answer 3

归功于Karthikr。这是一个很好的答案我想补充一点，您可以通过使用selectedIndex来摆脱for循环并提高代码的性能。

var optionselectedvalue = selObj.options[selObj.selectedIndex].value;

这是一个jsbin demonstrating it（Karthikr的回答也在垃圾箱里）

如何在下面的程序中检索冒号前的值

3 个答案: