如何调用javascript函数以及哪个文本框事件?

时间:2013-09-06 02:54:35

标签: php javascript smarty

我在我的网站上使用Smarty和PHP。为了您的参考,我将从smarty模板中为您提供代码的小代码片段。

{literal}
<script language="javascript" type="text/javascript">
 function get_tests_by_question_count() {
alert("Hi");}
</script>
{/literal}

<li style="margin-top:60px;">
              <label>Question Count</label>
              <div class="form-element">
                <select name="question_count" id="question_count">
                  <option value=""> -- Select -- </option>
                  <option value=">" {if $duration == '>'} selected="selected" {/if}>More Than</option>
                  <option value="==" {if $duration == '=='} selected="selected" {/if}>Equal To</option>
                  <option value="<" {if $duration == '<'} selected="selected" {/if}>Less Than</option>
                </select>
                <input type="text" name="question_count_no" id="question_count_no" style="width:30px;" value="{$question_count_no}" onChange="get_tests_by_question_count(); return false;"/>
              </div>
            </li>

我想在ID question_count_no 的文本字段中输入值后立即调用javascript函数。 onChange 在上面的代码中不起作用。在文本框中输入值后,您能否建议我调用javascript函数的任何技巧。提前谢谢。

1 个答案:

答案 0 :(得分:1)

我希望你需要使用keyup事件而不是onChange。在keyup事件中,您可以设置一个过滤器,以便您只在输入某个数值时才能编码。

选中此http://jsfiddle.net/hQqSa/

<script>
    function get_tests_by_question_count(e) {
        if(/[0-9]/.test(e.value)) {
            alert(e.value);
        }
    }
</script>

<input type="text" name="question_count_no" id="question_count_no" style="width:30px;" onkeyup="get_tests_by_question_count(this); return false;"/>

希望它对你有所帮助。