-4

我正在测试我为计算器编写的脚本，我正在使用 HTML 表单元素来获取用户输入值，并在单击该按钮时调用外部脚本中的函数

这是我的 HTML 代码：

<body>
    <script>
    $(document).ready(function () {
    //on add buttton depressed, fire event which calls the initializer function
    $('#form3').on('click','button',function () {
    var ans = $(initializer());
    $('#form6').text(ans); 
    });
});
</script>   
<div id="wrapper">
<p>INPUT TEXT IN ROMAN NUMERALS</p>
<form id="form1" class="" >
    <input type="text" id="form2" class="" width="1"/>  
    <button name="button" id="form3" class=""> + </button> 
    <input type="text" id="form4" class="" />  
    <button name="button2" id="form5" class=""> = </button>
    <input type="text" name="result" id="form6" class=""></input>
</form>
</body>
</html>

这是我的函数，它位于一个外部 JavaScript 文件中，当用户单击按钮时调用#form3它ID（我将它包含在head元素中）

function initializer ()
{
    //contains user input in first box
    var userinput_a  = $('#form2').val($(this).val().toUpperCase());
    //contains user input in second box  
    var userinput_b  = $('#form4').val($(this).val().toUpperCase());
    try
    {
    if(!validity(userinput_a, userinput_b))
    {
      throw exception;
    }
    }
    catch(err)
    {
        alert('Wrong values put in the right value');
    }

    var combinedtext = userinput_a + userinput_b;
    var stage1 = romanexpanded(combinedtext);   //text contains roman to expanded
    var stage2 = expandedtoroman(stage1);       //text contains expanded to roman

    return stage2;
}

http://jsfiddle.net/Dvgqu/2/

我已经查看了代码，但显然，我无法找出是什么阻止了我的脚本正常运行，每当我单击调用我的函数的按钮时，我的输入框中的值就会消失。

任何帮助将不胜感激。谢谢！

编辑：我使用了 javascript 调试控制台，通过浏览我的代码，我推断它要么是我调用初始化函数的方式，要么是我访问表单值的方式，唯一的问题是我看不出有什么问题我的语法或逻辑。

4

2 回答 2

2

只是.text(stage2)。没有理由用$以下结果包装initializer：

.text(initializer());

于 2013-03-16T21:29:23.127 回答
0

您的代表不正确。这个：

$('#form3').on('click','button',function () {
    var ans = $(initializer());
    $('#form6').text(ans); 
});

不起作用，因为#form3 是按钮。正如@user1737909 所说，您不会将函数调用包装在 jQuery 选择器中。另外，使用.val()方法：

$('#form3').on('click', function () {
    var ans = initializer();
    $('#form6').val(ans); 
});
于 2013-03-16T21:32:56.763 回答