如何从输入类型 =“按钮”复制和粘贴值？答案

【问题标题】：How to copy and paste values from an input type="button"?如何从输入类型 =“按钮”复制和粘贴值？
【发布时间】：2011-04-10 16:32:04
【问题描述】：

我必须从很多页面中复制并粘贴 input type="button" 的值（即 value="1.25", value="3.50"）。是否可以使用 jquery 或greasemonkey？

<td>
    <input type="button" onmouseout="btnGiocataOut(this)" onmouseover="btnGiocataOver(this)" onclick="aggiungiScommessa(6659, 12, 22, 1, 125)" value="1.25" class="ris">
</td>
<td class="valore" colspan="1">Over</td>
<td>
    <input type="button" onmouseout="btnGiocataOut(this)" onmouseover="btnGiocataOver(this)" onclick="aggiungiScommessa(6659, 12, 22, 2, 350)" value="3.50" class="ris">
</td>

【问题讨论】：

标签： javascript jquery button input greasemonkey

【解决方案1】：

http://www.learningjquery.com/2006/12/jquerify-bookmarklet

JQuery 小书签 - 然后在 firebug 控制台中：

$("input[type='button']").each(function() { console.log($(this).val()); });

【讨论】：

【解决方案2】：

是的，如果您想自动获取按钮值，而不是在每个页面上都使用 Firebug，Greasemonkey 可以做到。

这是一个可以帮助您入门的脚本。请务必调整 @include 语句以匹配您的目标网站。

//
// ==UserScript==
// @name            Button value grabber
// @namespace       Gambling
// @description     Grabs button values.
// @include         *
// @require         http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js
// ==/UserScript==
//

$(document).ready (Greasemonkey_main);

function Greasemonkey_main ()
{
    /*--- Create a container div and area for the values.  It will be styled and
        postioned with CSS.
    */
    $("body").append
    (
          '<div id="GM_PopUpDiv">'
        +   '<h3>Button Values on this page:</h3>'
        +   '<form id="GM_ContForm"><textarea id="GM_BtnValues"><\/textarea><\/form>'
        + '<\/div>'
    );

    //--- Make it almost invisible when not moused over.
    $('#GM_PopUpDiv').hover
    (
        function () { $(this).stop (true, false).fadeTo (50, 1); },
        function () { $(this).stop (true, false).fadeTo (900, 0.15); }
    );

    /*--- Copy the button values.   Fine-tune the selector to taste.
        For example, input.ris[type='button']
    */
    var NumRows = 0;
    var BtnVals = $("input[type='button']").map (function(J) {
                    NumRows = J;
                    return this.value;
                } ).get ().join ('\n')
                ;

    /*--- Paste the values into the textarea and adjust the height to the data
        (within the min/max set by CSS, below).
    */
    $("#GM_BtnValues").text (BtnVals). css ('height', NumRows + 4 + 'em');
}


//--- This is just CSS to make the new stuff look "purty".
GM_addStyle
(
   '#GM_PopUpDiv                                                    \
    {                                                               \
        font-size:              16px;                               \
        background:             wheat;                              \
        border:                 3px double #999999;                 \
        margin:                 5px;                                \
                                                                    \
        min-height:             100px;                              \
        min-width:              400px;                              \
        padding:                5px 20px;                           \
                                                                    \
        opacity:                0.15;                               \
        z-index:                1222;                               \
        position:               fixed;                              \
        top:                    0px;                                \
        left:                   0px;                                \
    }                                                               \
    #GM_PopUpDiv textarea                                           \
    {                                                               \
        font-size:              16px;                               \
        min-height:             6em;                                \
        max-height:             32em;                               \
        width:                  100%;                               \
        padding:                8px;                                \
        word-wrap:              normal;                             \
    }                                                               \
    #GM_PopUpDiv h3                                                 \
    {                                                               \
        font-size:              16px;                               \
        text-align:             left;                               \
        margin:                 0px;                                \
    }                                                               \
   '
);

【讨论】：

【解决方案3】：

我在这样的一次性情况下使用 Firebug 和 jQuery。如果需要，我会动态加载 jQuery：$('<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" />').appendTo(document.body);。这在 Firebug 控制台中。然后我会使用$('input').each(function() { console.log($(this).val()); }); 之类的东西，它会打印出一个我可以轻松复制的列表。我会为每一页重复这些步骤。

【讨论】：