【问题标题】:how to use button insert a word after the same textfield by jquery如何使用按钮在jquery的同一文本字段后插入一个单词
【发布时间】:2013-07-15 07:08:59
【问题描述】:

我想在文本字段中输入一些内容并单击一个按钮,然后它会粘贴一些单词,

就像一个粘贴按钮,但总是在同一个文本字段之后粘贴同一个单词,

这是我的代码,我认为当我点击按钮时,焦点消失了,所以我使用模糊, 错了,有人知道怎么办吗?

$('#but1').click(function(){
    $('#table1 :text').blur(function(){
        var h = 'test'; 
        $(this).val(h+$(this).val());
    });
});

<table id="table1" >
    <tr>
        <td><input type="text" id="text1" size="30"></td>
    </tr>
    <tr>
        <td><input type="text" id="text2" size="30"></td>
    </tr>       
</table>
<input type="button" value="button" id="but1">

对不起,我在这里输入错误,在我的jsp中选择ID是正确的。

【问题讨论】:

  • 为什么要等待按钮点击事件中的模糊功能? .这样它就行不通了。只需将代码粘贴到按钮的单击事件中的 onblur() 调用中,然后删除 onblur() 事件

标签: jquery button click textfield


【解决方案1】:
<input type="button" value="button" id="but1">

你的 id 是 but1 但在 JS 中你有 $('#bu1').click(function(){

更正为$('#but1').click(function(){

您是否尝试将#text1 的值设置为#text2,并在h = 'test' 前面加上它。

如果是这样试试这个

$('#but1').click(function () {
    var h = 'test';
    var value = $("#text1").val();
    $("#text2").val(h + value);
});

Fiddle

【讨论】:

    【解决方案2】:
     $('#bu1').click(function(){
    

    应该是

    $('#but1').click(function(){
    

    Demo

    【讨论】:

      【解决方案3】:

      您的代码中几乎没有逻辑错误,我已经对其进行了改进

      JS 代码:

      $('#but1').click(function () {
        //$('#table1 :text').blur(function(){ //commented out
        var target = $('#table1 :text'); //added newly
        var newTxt = 'test';
        target.val(newTxt + target.val());
        //}); //commented out
      });
      

      JSFIDDLE:

      http://jsfiddle.net/KmkTs/

      快乐编码:)

      【讨论】:

        【解决方案4】:

        你想这样做吗? FIDDLE

        $('#but1').click(function () {
            //$('#table1 :text').blur(function () {
                //var h = 'test';
                //$(this).val(h + $(this).val());
            //});
            var txt = $('#text1').val();
            $('#text2').val(txt);
        });
        

        顺便说一句,您使用$('#bu1')。与您的按钮 ID 不同。

        只需使用点击。不要让事情变得更复杂。

        干杯:)

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2019-10-24
          • 1970-01-01
          • 2019-05-16
          • 2020-07-05
          • 1970-01-01
          • 2016-03-17
          • 2020-04-27
          • 2013-10-09
          相关资源
          最近更新 更多