Diskuze: Vytvoření posluchače
V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.
Zobrazeno 6 zpráv z 6.
V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.
Nejsem si uplne jisty, o co se pokousis. Ale, tu udalost mas navazanou na
tlacitko, ktere formular odesila. Takze, bud mu zakaz dalsi udalosti nebo
zablokuj formulari odeslani a nebo pouzij jine tlacitko, ktere formular
neodesila, treba input type=button.
Dojde k tomu, ze se vykona ten js. Pak se formular odesle a stranka se znovu
nacte cista. Pripadne tam neco doplni browser, pokud ma povolene nastaveni
pamatovat si vyplnene policka formulare nebo nejake takove nastaveni.
google = How to prevent form from being submitted
html
................VVV
<form onsubmit="return mySubmitFunction(event)">
...
</form>
script
function mySubmitFunction()
{
someBug()
return false; // <<<
}
----------
const element = document.querySelector('form');
element.addEventListener('submit', event => {
event.preventDefault();
// actual logic, e.g. validate the form
console.log('Form submission cancelled.');
});
<form>
<button type="submit">Submit</button>
</form>
----------------
<form onsubmit="alert('stop submit'); return false;" >
----------------
var form = document.getElementById("idOfForm");
form.onsubmit = function() {
return false;
}
Chci mít rozhodujici strom, kde na základě hodnoty ze select se bude ukazovat návod jak něco řešit.
Tu funkci spoustej primo selectem?
https://www.jakpsatweb.cz/…_prejdi.html
<select onchange="location.href=this.options[this.selectedIndex].value">
Mimochodem, vsiml jsem si, ze tam mas vue, jedno tema. Co ho pouzit? Tam by
tyhle veci meli jit jednoduseji nez beznym js kodem.
google = vue select show content
https://jsfiddle.net/ay2atz8y
<div id="app">
<select v-model="selected">
<option v-for="product in products" v-bind:value="{ id: product.id, text: product.name }">{{ product.name }}
</option>
</select>
<h1>Value:
{{selected.id}}
</h1>
<h1>Text:
{{selected.text}}
</h1>
</div>
<script>
var app = new Vue({
el: '#app',
data: {
selected: '',
products: [
{id: 1, name: 'A'},
{id: 2, name: 'B'},
{id: 3, name: 'C'}
]
}
})
</script>
---
methods:{
onChange: function(e){
var id = e.target.value;
var name = e.target.options[e.target.options.selectedIndex].text;
console.log('id ',id );
console.log('name ',name );
},
<select name="customerName" id="" v-on:change="onChangeSite($event)">
<option value="1">Jan</option>
<option value="2">Doe</option>
<option value="3">Khan</option>
</select>
Vubec, v tom forku je fura dalsich prikadu...
https://stackoverflow.com/…-using-vuejs
Zobrazeno 6 zpráv z 6.