Question

因此，正如标题所述，我想使用JS更改某个选项的值。我已经在寻找它了，但是每个答案都涉及更改所选选项，而不是更改特定选项的值。

<select class="form-control">
    <option value="0" selected>Ver</option>
    <option value="5">5</option>
    <option value="10">10</option>
    <option value="20">20</option>
    <option value="50">50</option>
</select>

我想将“ Ver”选项的值从0更改为1。我不知道是否可以，但是请先感谢。

Answer 1

您是否尝试过为其分配ID，然后在js文件中对其进行更改？像这样：

Exception in thread "main" java.lang.NoSuchFieldError: INSTANCE
        at org.apache.http.conn.ssl.SSLConnectionSocketFactory.<clinit>(SSLConnectionSocketFactory.java:146)
        at com.sample.stsedh.datawise.engine.lite.extraction.api.APIRulesProviderServiceImpl.getCloseableHttpClient(APIRulesProviderServiceImpl.java:180)
        at com.sample.stsedh.datawise.engine.lite.extraction.api.APIRulesProviderServiceImpl.getBdqRuleSet(APIRulesProviderServiceImpl.java:95)
        at com.sample.stsedh.datawise.engine.lite.core.service.RuleExecutionServiceImpl.getDQRulesFromCache(RuleExecutionServiceImpl.java:236)
        at com.sample.stsedh.datawise.engine.lite.core.service.RuleExecutionServiceImpl.getBdqRuleSet(RuleExecutionServiceImpl.java:168)
        at com.sample.stsedh.datawise.engine.lite.core.service.RuleExecutionServiceImpl.executeRules(RuleExecutionServiceImpl.java:110)
        at com.sample.sdp.util.BdqValidationHelper$.$anonfun$runBusinessRulesCheck$1(BdqValidationHelper.scala:78)
        at scala.util.Try$.apply(Try.scala:209)
        at com.sample.sdp.util.BdqValidationHelper$.runBusinessRulesCheck(BdqValidationHelper.scala:78)
        at com.sample.sdp.client.Producer.runBusinessRuleChecks(Producer.scala:859)
        at com.sample.sdp.client.Producer.$anonfun$internalSend$1(Producer.scala:845)
        at scala.runtime.java8.JFunction0$mcV$sp.apply(JFunction0$mcV$sp.java:12)
        at scala.util.Try$.apply(Try.scala:209)
        at com.sample.sdp.client.Producer.internalSend(Producer.scala:845)
        at com.sample.sdp.client.Producer.send(Producer.scala:574)
        at com.kana.connect.server.util.SDPUtil.publishSDPTestMessage(SDPUtil.java:167)
        at Test.main(Test.java:8)

和在javascript中

<option value='0' id='opt1' selected>Ver</option>

Answer 2

您可以使用
选择值为0的选项 let opt = document.querySelector('select.form-control option[value="0"]')

然后您可以通过重新分配值来更改值
opt.setAttribute('value', '1')

如果您的类select中有多个form-control，则可能会出现问题，并且您可能希望为其赋予唯一的id —那么选择器将是< br /> let opt = document.querySelector('select#your-id option[value="0"]')

这是一个执行此操作的堆栈片段，在这里我将select和赋值组合到一个语句中。我还添加了一个change事件侦听器以在控制台中显示该值，因此，如果您切换到20，然后再次切换到Ver，它将打印20，然后打印1到控制台，向您显示该值确实为1，而不是0

document.querySelector('select.form-control')
        .addEventListener('change', function(e) {
            console.log(this.value);
        });

document.querySelector('select.form-control option[value="0"]')
        .setAttribute('value', '1');

select {
    min-width: 10em;
}

<select class="form-control">
    <option value="0" selected>Ver</option>
    <option value="5">5</option>
    <option value="10">10</option>
    <option value="20">20</option>
    <option value="50">50</option>
</select>

Answer 3

您好，您可以按照以下说明分配值

$("#SelectID").val("value option");
document.getElementById("SelectID").value = "value option";

该网址Set value of combobox or select中的

引用

更改组合框选项JS的“值”

3 个答案: