Javascript如果选择了下拉按钮,则文本框必须更改颜色

时间:2017-11-09 13:57:39

标签: javascript laravel

嗨,我有一个简单的问题。 当下拉按钮被选为“未来”时,我想更改文本框颜色。这是我到目前为止所尝试的。没有错误,如果我将$('[name="strike"]').css("background-color", "red");行放在控制台中,则文本框变为红色。所以我认为if条件有问题吗?

if ($('[name="putCallButton"]').text() == "Future"){
  $('[name="strike"]').css("background-color", "red");
}

3 个答案:

答案 0 :(得分:0)

用于事件:

$('[name="putCallButton"]').on("select", function() {
  if ($('[name="putCallButton"]').text() == "Future"){
    $('[name="strike"]').css("background-color", "red");
  }
})

答案 1 :(得分:0)

请将value属性添加到选项标记,并将其值设置为与选项文本相同。

$('[name="putCallButton"]').on('change', function() {
 if ($('[name="putCallButton"]').val() == "Future"){
  $('[name="strike"]').css("background-color", "red");
 }
});

答案 2 :(得分:0)

您应该使用.value()代替.text().text()会返回所选项目的所有选项