Javascript передать значение select

Передача значения select через onclick

Имеется выпадающий список, заключенный в select. Значение, которое будет выбрано необходимо передать с помощью onclick наряду с другими переменными (a,b,c), т.е. вместо «sss» должно вставляться выбранное значение (S1, S2 или S3). Как это сделать?

select> option selected>S1/option> option>S2/option> option>S2/option> /select> button onclick="cart.addToCart(a, b, c, sss])">Кнопка/button>

Передача значения в select
Возможно не совсем корректно сформировал тему сообщения, но в общем суть такова. — имеем.

Передача параметров через onclick в js
добрый вечер нашел работающий скрипт, но почему-то не получается таким же способов передать.

Передача значения через OnClick
Здравствуйте! У меня есть кнопка на HTML, которую я создаю через PHP. Каждая кнопка имеет свой.

Сообщение было отмечено alanat как решение

Решение

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

doctype html> html> head> meta charset="utf-8" /> head> body> select id="sel1"> option selected>S1option> option>S2option> option>S3option> select> button id="ok1">Кнопкаbutton> script> document.getElementById("ok1").onclick = function () { var sel1 = document.getElementById("sel1"); addToCart(1, 2, 3, sel1.options[sel1.selectedIndex].value); }; function addToCart(a, b, c, sss) { alert(sss); } script> body> html>

Источник

Javascript передать значение select

Last updated: Jan 11, 2023
Reading time · 3 min

# Set the Value of a Select Element using JavaScript

Use the value property to set the value of a select element, e.g. select.value = ‘new value’ .

The value property can be used to set or update the value of a select element. To remove the selection, set the value to an empty string.

Here is the HTML for the examples.

Copied! 
DOCTYPE html> html lang="en"> head> meta charset="UTF-8" /> title>bobbyhadz.comtitle> head> body style="margin-top: 60px; margin-left: 100px"> select name="fruits" id="fruit-select"> option value="">--Choose an option--option> option value="apple">Appleoption> option value="banana">Bananaoption> option value="kiwi">Kiwioption> select> button style="margin-top: 10px" id="btn">Clickbutton> script src="index.js"> script> body> html> 

And here is the related JavaScript code.

Copied! 
const select = document.getElementById('fruit-select'); // ✅ set select value select.value = 'apple'; console.log(select.value); // 👉️ "apple" // ✅ unset select value // select.value = ''; // -------------------------------- const allOptions = Array.from(select.options).map(option => option.value); console.log(allOptions); // 👉️ ['', 'apple', 'banana', 'kiwi'] // -------------------------------- // ✅ get select value on change select.addEventListener('change', function handleChange(event)  console.log(event.target.value); // 👉️ get selected VALUE >); // -------------------------------- // ✅ Set select element value on button click const btn = document.getElementById('btn'); btn.addEventListener('click', function handleClick()  select.value = 'banana'; >); 

We used the value property to set the value of a select element.

A convention for when you don’t have a default value is to have the value of the first option element be an empty string.

# Removing the selection

To remove the selection, set the value property of the select element to an empty string.

Copied! 
const select = document.getElementById('fruit-select'); // ✅ set select value select.value = 'apple'; console.log(select.value); // 👉️ "apple" // ✅ unset select value select.value = ''; 

# Getting an array of the values of all option elements

If you need an array of the values of all the option elements, use the map() method to iterate over the elements and return the value of each option .

Copied! 
const select = document.getElementById('fruit-select'); // ✅ set select value select.value = 'apple'; console.log(select.value); // 👉️ "apple" const allOptions = Array.from(select.options).map(option => option.value); console.log(allOptions); // 👉️ ['', 'apple', 'banana', 'kiwi'] 

# Changing the value of a select element

The value of a select element can be changed in the same way it is set, just update the value property.

Copied! 
const select = document.getElementById('fruit-select'); select.value = 'apple'; console.log(select.value); // 👉️ "apple" select.value = 'banana'; console.log(select.value); // 👉️ "banana" 

If you set a select element’s value to a value that is not present among the option elements, the value of the select element gets reset.

Copied! 
const select = document.getElementById('fruit-select'); select.value = 'does-not-exist'; console.log(select.value); // 👉️ "" 

You can create an object that stores the values of the option elements to avoid misspelling values.

Copied! 
const select = document.getElementById('fruit-select'); const values =  apple: 'apple', banana: 'banana', kiwi: 'kiwi', >; select.value = values.apple; console.log(select.value); // 👉️ "apple" select.value = values.banana; console.log(select.value); // 👉️ "banana" 

This is a much better solution than hard-coding strings all over the place because it leverages your IDE’s autocompletion.

It also helps the readers of your code know what the alternative values of the select element are.

# Additional Resources

You can learn more about the related topics by checking out the following tutorials:

I wrote a book in which I share everything I know about how to become a better, more efficient programmer.

Источник

Как передать в скрипт значения из тега select-option?

Очевидно, что всё, что внутри select передается в скрипт. Только передаются не . =, >, Как праильно написать код, чтобы в переменную deystviye1 передавалось только то, что внутри тега option (. =, >, <)?
Заранее благодарен за ответ.

span id="num1">1.233/span> select id="action" >option selected>. /option>option >=/option>option >>/option>option ></option>/select> span id="num2">2.555/span>br> input type="button" value="Проверить" onclick="addition();"> div id="resultat">/div>

function addition() { const act = action.value.replace('=', '==').replace('. ', '');// Для чего эти три точки? const res = !!eval(num1.innerText + act + num2.innerText); if (res) resultat.innerHTML = "Вы дали верный ответ."; else resultat.innerHTML = "Вы дали неверный ответ."; }

 Вася Петя Терпила   

$("#select option").filter(function() < return $(this).text() === text; >).first().attr("value")

 Вася Петя Терпила   

const select = document.querySelector('#select').getElementsByTagName('option'); for (let i = 0; i

for (let i = 0; i < select.length; i++) < if (select[i].textContent === 'Терпила') select[i].selected = true; // Или вот на это, если там присутствует html, например: // if (select[i].innerHTML === '
Терпила
') select[i].selected = true; >