Question

我有2个输入框。

当我在第一个值中输入值时，会触发javascript函数checkMyKad()。

checkMyKad()在第一个输入框中获取值，对其进行编辑并提醒新值。

我希望将new设置为第二个输入框。如何在第二个输入框中显示新值？

 <div class="form-group" style="color:#0000FF; margin-left:160px;" >
    <input type="text" placeholder="Please input value" id="myKadC" maxlength="4" size="10" onchange="checkMyKad()" required>
    <input type="text" id="newVal" maxlength="20" size="20"/>
</div>

javascript功能

function checkMyKad() {
    var mykadC = $('#myKadC').val();
    var newVal='Value is :   '+'-'+mykadC;
    alert(newVal);
    $('#newValId').val(newVal);
}

Answer 1

您有this.lazyImages.changes.subscribe(() => { this.doSomethingOnLastImage(this.lazyImages.last); });而不是$('#newValId')

Answer 2

您似乎定位了错误的ID，它应该是$.ajax({ url: url, type: "get", dataType: "text", success: function(response) { $('#result').append(response); }, error: function(response) { $('#result').append(response.responseText); } });

＆＃13;

$('#newVal')

＆＃13;

function checkMyKad() {
    var mykadC = $('#myKadC').val();
    var newVal='Value is :   '+'-'+mykadC;
    alert(newVal);
    $('#newVal').val(newVal);
}

＆＃13;

Answer 3

目标ID错误。

$('#newValId').val(newVal); - ＆gt; $('#newVal').val(newVal);

Answer 4

我个人会做这样的事情：

<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
<div class="form-group" >
    <h3>Pure JavaScript</h3>
    <input type="text" placeholder="Please input value"  maxlength="4" size="10" onchange="checkMyKad(this)" required>
    <input type="text" maxlength="20" size="20"/>
</div>
<div class="form-group" >
    <h3>Using jQuery</h3>
    <input type="text" placeholder="Please input value"  maxlength="4" size="10" onchange="checkMyKadJQuery(this)" required>
    <input type="text" maxlength="20" size="20"/>
</div>


<script type="text/javascript">
function checkMyKad(element) {
    let oldValue = element.value;
    let newValue = 'Value is : -'+oldValue;
    alert(newValue);
    element.nextElementSibling.value = newValue;
}

function checkMyKadJQuery(element) {
    let oldValue = $(element).val();
    let newValue = 'Value is : -'+oldValue;
    alert(newValue);
    $(element).next().val(newValue);
}
</script>

这样做可以重复使用这些功能。

javascript设置新的数据值

4 个答案: