Замените содержимое javascript командой option

Я хочу создать команду из этой опции и перейти к javascript, а затем отобразить ее в поле ввода.

<select id = "change">
    <option>Cat</option>
    <option>Dog</option>
    <option>Fish</option>
</select>

<script type = "text/javascript">
show('Cat');
</script>

<input/>

когда я выбираю один из вариантов, автоматически изменяется содержимое в javascript. и функция перезагрузки запускается, а затем отображает результат в поле ввода.

javascript html css

04.04.2018 16:54

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

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

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

Ответ принят как подходящий

Вы можете попробовать приспособиться к вашим лучшим потребностям из этого фрагмента

<select id = "change">
    <option>Cat</option>
    <option>Dog</option>
    <option>Fish</option>
</select>

<script type = "text/javascript">
  document.getElementById('change').addEventListener('change', function(e) {
    document.getElementsByTagName('input')[0].value = e.target.value;
  });
</script>

<input/>

Если вы хотите вызвать show с выбранным значением, вы можете

document.getElementById('change').addEventListener('change', function(e) {
  var selected = e.target.value;
  show(selected);
});

Я имею в виду, как изменить содержимое javascript с помощью команды options. поэтому, когда я выбираю один из вариантов, автоматическое значение в javascript изменяется в коде show('xxValueFromOptionxx');

— 04.04.2018 17:15

вы можете заменить document.getElementsByTagName('input')[0].value = e.target.value; на show(e.target.value);

— 04.04.2018 18:08

задача решена. Благодарность

— 04.04.2018 19:07

04.04.2018 17:02

Попробуй это.

function a(select) {
var input = document.getElementById("input");
if (select.value !== "Select option") {
input.value = select.value;
}
else {
input.value = ""
}
}

<select id = "change" onchange = "a(this)">
    <option>Select option</option>
    <option>Cat</option>
    <option>Dog</option>
    <option>Fish</option>
</select>

<input id = "input" />

04.04.2018 17:19

Хм, не уверен, чего вы пытаетесь достичь, но это работает, если вы используете обычный браузер:

//Targets
select = document.getElementById("change");
print = document.getElementById("value");

//Function print option
printOption = function(loc, option) {
	loc.innerHTML = option;
}

//Function force value
optionPicker = function(option) {
	select.value = option;
  printOption(print, option);
};

//Change Listener
document.addEventListener("change", function(e){
	if (e.target.id === "change")
  	printOption(print, e.target.value);
}, false);

//Commands
optionPicker("Dog");

<select id = "change">
    <option>Cat</option>
    <option>Dog</option>
    <option>Fish</option>
</select>
<div id = "value"></div>

04.04.2018 18:02

Другие вопросы по теме

Значения словаря Jinja dipslay в html по заголовку из списка

Uncaught ReferenceError с type.js на базовой веб-странице

Могу ли я использовать тег img в JavaScript для отображения моего изображения, хранящегося в MongoDB?

CSS: обнаружение ввода с действительными данными, не сфокусированными без javascript

Как получить значение после / в URL

Как получить доступ к «исходному кадру просмотра» с помощью JS?

Получить определенные части моего имени файла в виде ссылок

Moment.js и недействительная дата Safari

React fetch () не работает только на мобильных устройствах

Как вернуть несколько запросов из формы множественного выбора?

Замените содержимое javascript командой option

Ответы 3

Другие вопросы по теме

Похожие вопросы