Question

当填充选择并设置为默认值时，如何让select触发javascript方法？

提前致谢

Answer 1

使用change事件处理程序可以轻松完成此操作。

$('select').change(function(){
  if ($(this).val() == 'default') { 
    console.log('selected default'); 
  } else {
    $('p').text($(this).val());
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select>
  <option value="default"></option>
  <option value="Hello World!">Hello</option>
  <option value="Foo and Bar are common used example names">Foo</option>
</select>
<p>Please pick an option.</p>

Answer 2

您可以使用on change事件来处理它。

Javacript / Jquery的

function printData() {
        console.log("On change of the select box your this fuction will get call");
    }

$(document).ready (function () {

    $('select').change(function(){
                  printData();
    });
})

HTML

<lable>Select option.</lable>
    <select>
      <option value="1">Hi</option>
      <option value="2">Hello</option>
      <option value="3">How are you</option>
    </select>

选择触发Javascript方法

2 个答案: