Question

我想要发生的是用户能够在文本字段中键入数字，并通过单击按钮将文本字段的值传输到变量。我想在不刷新页面的情况下这样做，所以使用输入类型=“提交”不是我所做的，我使用了输入类型=“按钮”。
我宁愿用jQuery来实现我的目标。

<script type="text/javascript">
var textAlteredStyle;
function setTL() {
textAlteredStyle = document.getElementById('alterTL').value;
}
</script>

<script type="text/javascript">
$(document).ready(function() {
document.getElementById('alter').onclick = setTL;
$('#theModified').replace('<input type="text" id="theModified" style="width: 153px; border-top-left-radius: '+textAlteredStyle+'px;">');
});
});
</script>




</head>

<body>



<input type="text" id="theModified" style="width: 153px;">

<br><br>


<input type="text" id="alterTL">pixels

<br>

<input type="button" value="Alter" id="alter">

Answer 1

您可以使用元素值初始化变量：

jQuery的：

var myVariable= $('#elementId').val();

Answer 2

    <input type="text" id="txtInput"></input>
    <input type="button" id="btnInput"></input>

    var test = '';
    $('#btnInput').click(function()
    {
        test = $('#txtInput').val();
        return false;
    });

试试这个：

    <script type="text/javascript">
    $(document).ready(function() {
        $('#alter').click(function()
        {
            $('#theModified').val($('#alterTL').val());
            return false;
        });

    });
    </script>

Answer 3

你可以试试这段代码，

var myvar;
function setTextFieldValue(){
    myvar = document.getElementById('textFieldId').value;
}

document.getElementById('buttonId').onclick = setTextFieldToValue;

如何使变量的值等于JavaScript中文本字段的内容？

3 个答案: