Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Получение данных и их использование (https://javascript.ru/forum/misc/35116-poluchenie-dannykh-i-ikh-ispolzovanie.html)

مراد 30.01.2013 23:52

Получение данных и их использование
 
доброго времени суток.
<select name="spisok" id="spisok">
                      <option value="600">600$</option>
                      <option value="800">800$</option>
                      <option value="900">1000$</option>
                      <option value="1000">1000$</option>
 </select>
 <input name="cena" type="text"  />


как взять значение из select, которое находится между тегами
<option>..</option>
и выполнять над ними математические операции. и как еще можно различить значение <option> если у них value одинаковое

danik.js 31.01.2013 01:13

Цитата:

Сообщение от مراد
как взять значение из select

<select name="spisok" id="spisok">
                      <option value="600">600$</option>
                      <option value="800">800$</option>
                      <option value="900">1000$</option>
                      <option value="1000">1000$</option>
 </select>
 <input name="cena" type="text"  />
<script>
    var select = document.getElementById('spisok');

    select.addEventListener('change', function() {
        var value = select.value;
        alert('Вы выбрали: ' + value);
    });
</script>

рони 31.01.2013 01:31

Цитата:

Сообщение от مراد
как взять значение из select, которое находится между тегами
<option>..</option>

Вариант...
<!DOCTYPE HTML>
<html>
<head>
  <title></title>
</head>
<body>
<select name="spisok" id="spisok">
                      <option value="600">600$</option>
                      <option value="800">800$</option>
                      <option value="900">1000$</option>
                      <option value="1000">1000$</option>
 </select>
 <input name="cena" type="text"  />
<script type="text/javascript">
var s = document.getElementById('spisok'),
    i = s.selectedIndex // или номер нужного option по порядку
alert(s.options[i].text);
</script>
</body>
</html>

مراد 31.01.2013 13:17

половина загадки решана, а другая осталась так и не разгаданой)))

<select name="spisok" id="spisok">
                      <option value="600">600$</option>
                      <option value="800">800$</option>
                      <option value="900">1000$</option>
                      <option value="1000">1000$</option>
  	        <option value="1000">привет</option>
 </select>
 <input name="cena" type="text"  />
<script>
    var select = document.getElementById('spisok');

    select.addEventListener('change', function() {
        var value = select.value;
        alert('Вы выбрали: ' + value);
    });
</script>

вот у меня 2 <option> c одинаковми значениями value но с разным текстом. как взять текст который находится между <option>ТЕКСТ<option> и вывести этот текст тестовому полю <input name="cena" type="text" />

рони 31.01.2013 13:41

Цитата:

Сообщение от مراد
вот у меня 2 <option> c одинаковми значениями value но с разным текстом. как взять текст который находится между <option>ТЕКСТ<option> и вывести этот текст тестовому полю <input name="cena" type="text" />



В вашем примере с точностью наоборот текст одинаковый, а value разное.
Цитата:

Сообщение от مراد
а другая осталась так и не разгаданой)))

Всё что вам необходимо показано как решить в примерах выше
выберите что вам необходимо text или value и отправьте данные куда вам нужно.

рони 31.01.2013 14:06

مراد,
Возможный вариант...
<!DOCTYPE HTML>
<html>
<head>
  <title></title>
  <meta charset="utf-8" />
</head>

<body>
<select name="spisok" id="spisok">
                      <option value="1">600$</option>
                      <option value="1">800$</option>
                      <option value="1">9000$</option>
                      <option value="1">1000$</option>
  	         <option value="1">привет</option>
 </select>
 <input name="cena" type="text"  />
<script>
    var select = document.getElementById('spisok');

    select.addEventListener('change', function() {
        var i = this.selectedIndex
        var text = this.options[i].text;
        document.getElementsByName('cena')[0].value=text
        ;
    });
</script>
</body>
</html>

مراد 31.01.2013 14:07

Цитата:

Сообщение от рони (Сообщение 230686)
В вашем примере с точностью наоборот текст одинаковый, а value разное.

Всё что вам необходимо показано как решить в примерах выше
выберите что вам необходимо text или value и отправьте данные куда вам нужно.

посмотрите последний код, я же туда дописал option с value 1000 и текстом привет.
я в JS чайник, не могли бы вы мне подсказать как вывести текст в input text? и дать мыло на хороший учебник, что бы изучить JS ;) )))
спасибо)

рони 31.01.2013 14:13

مراد,

Цитата:

Сообщение от مراد


مراد 31.01.2013 14:15

а первая просьба? :help:

рони 31.01.2013 14:20

Цитата:

Сообщение от مراد
а первая просьба?

какая? уточните -- чем не подошёл вариант из 6 поста?


Часовой пояс GMT +3, время: 02:23.