javascript - 输入文本更改时提交表单

Question

我知道这个问题已经被问了一百万次，但我似乎无法做任何事情。当我单击一个工作正常的链接时，我试图更改输入的值，但我也想自动提交表单，而无需在单击链接后立即提交按钮。目前，除非我单击输入字段，否则它不起作用。我也无法将 id 添加到链接中。这就是我到目前为止所拥有的。

var $Form = $('form'), $Container = $('#container');
$Container.hide();
$Form.on('click', function(p_oEvent){
    var sUrl, sMovie, oData;
    p_oEvent.preventDefault();
sMovie = $Form.find('input').val();
    sUrl = 'https://www.omdbapi.com/?t=' + sMovie + ''
    $.ajax(sUrl, {
        complete: function(p_oXHR, p_sStatus){
            oData = $.parseJSON(p_oXHR.responseText);
            console.log(oData);
            $Container.find('.title').text(oData.Title);
            $Container.find('.plot').text(oData.Plot);
            $Container.find('.poster').html('<img src="' + oData.Poster + 

'"/>');
            $Container.find('.year').text(oData.Year);
            $Container.show();
        }
    });    
});

$(function () {
    $('a').on('click', function () {
        var text = $('#text');
        text.val($(this).text());    
    });
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#">rocky</a><br>
<a href="#">Back To The Future</a><br>
<a href="#">Spaceballs</a><br>

<form id="omdbform">
        <input type="text" name="movie" placeholder="movie title"  id="text" onchange="this.form.submit();">
</form>

<div id="container">
    <h3 class="title">Title</h3>
    <span class="year">Year</span>
    <span class="poster">Poster</span>
    <p class="plot">Plot</p>
</div>

任何帮助将不胜感激。

添加了链接示例 <a href="/family_photos/filename1.jpg">filename1.jpg</a>
<a href="/family_photos/filename2.jpg">filename2.jpeg</a>

Answer 1

将链接功能更改为以下:

$(function () {
    $('a').on('click', function () {
        var text = $('#text');
        var fileName =$(this).text();
        fileName = fileName.replace(/\.[^/.]+$/, "");
        text.val(fileName);    
        $Form.click();
    });
});