Question

$('#query').change(function() {
  if ($("#query").text() == "Kiran") {
    var val =
      $('#change').val()
  } else {
    $('#change').text("Kiran Kumar")
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="change" value="Kiran">
<input type="text" id="query" value="Kiran Kumar">

假设有两个带有文本的输入字段。 Kiran和Kiran Kumar

每当我将Kiran文本更改为Kumar ...然后将另一个文本字段更改为Kumar Kumar。

Answer 1

如史蒂夫所说，您的问题是您使用的是.text()，而不是.val()。

文本不起作用，因为您的值位于input.value上，因此您必须使用.val(); 例如，当您的跨度中包含一个值时：

<span id="span-id"> value </span>

您可以通过以下方式获得“价值”：

$('span-id').text();`

您的代码（如果我理解正确的话）只是将文本更改为val起作用。我在jsfiddle上发布了一个示例。

$('#query').on('change input', function(){
    const queryVal = $('#query')
	 	if (queryVal.val() == "Kiran") {
      $('#change').val(queryVal.val());
    } else {
      $('#change').val("Kiran Kumar")
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="change" value="Kiran">
<input type="text" id="query" value="Kiran Kumar">

JsFiddle

Answer 2

您可以尝试一下

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#change").change(function(){
        $('#query').val($('#change').val() +" Kumar") ;
    });
});
</script>
</head>
<body>

<input type="text" id="change" value="Kiran">
<input type="text" id="query" value="Kiran Kumar">
</body>
</html>

使用Jquery根据另一个文本输入字段在输入字段上更改文本

2 个答案: