Могу ли я отправить форму, используя тег <h3>, используя js - PullRequest
Новая
       1

Могу ли я отправить форму, используя тег <h3>, используя js

0 голосов
/ 06 мая 2020

Я хочу отправить форму без использования кнопки. Я хочу отправить его, когда пользователь нажимает на текст, поэтому могу я сделать это, используя JS или нет. это мой код 

 function stateChanged() {
    if (xmlHttp.readyState==4){
        //document.updateForm.qty.value=xmlHttp.responseText;
        var val = xmlHttp.responseText;
        var res = val.split("#");
        var html="<table>";
        for(var i=0; i<res.length-1 ; i++ ){
            //document.getElementById('results').innerHTML  +="<tr><td> <a href='www.google.com'>" + res[i] + '</a></td></tr>';
       // html+="<tr><td></form> <a href = "+ 'changeRoles.php?un=' + res[i] + '>'+ res[i]   + "</td></tr>";
            html+= "<tr><td><form name = 'choose' method='post'> <h3 onclick='document.choose.submit();'>"+res[i]+"</h3> <input type='hidden' name = 'un' value = '"+ res[i]+"'>  </form></td></tr>";
        }
html+="</table>";
        document.getElementById('results').innerHTML =html;
    }
}

Ответы [ 3 ]

1 голос
/ 06 мая 2020

Технически да, это возможно. Просто добавьте целевой URL-адрес в атрибут action элемента формы.

Но почему вы хотите нарушить ожидания пользователей и лучшие практики для дизайна пользовательского интерфейса? 

<table>
    <thead/>
    <tbody>
        <tr>
            <td>
                <form action="<your url goes here>" name='choose' method='post'>
                    <h3 onclick='document.choose.submit();'>Whatsup</h3>
                    <input type='hidden' name = 'un' value = 'blarf'>
                </form>
            </td>
        </tr>
    </tbody>
</table>
0 голосов
/ 06 мая 2020

Он запустится. Просто скопируйте пасту один раз. Проверь это. Тогда дайте мне знать, если у вас возникнут другие вопросы. 

function action1()
			{
				$.ajax({
    					url: 'some_unknown_page.html',
    					success: function (response) {
        					alert("I am success");
    					},
    					error: function (jqXHR, exception) {
        					alert("I am clickable");
        
    					},
				});
			}		
<html>
<header>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</header>
<body>
		
		<form name = 'choose' action="asdada" method='post'> 
			<h3 onclick='action1();'>Click Me</h3>
		</form>
	</body>
</html>
0 голосов
/ 06 мая 2020

Сначала определите метод обратного вызова

вызовите определенный метод из

тега Пример приведен ниже. Попробуйте и дайте мне знать, есть ли у вас дополнительные вопросы function action1() { $.ajax({ url : 'example.com', type: 'GET', success : handleData }); } <h3 onclick='action1();'>Submit</h3>

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...