Javascript-форум (https://javascript.ru/forum/)
-   Javascript под браузер (https://javascript.ru/forum/css-html/)
-   -   Как перенести значение из <select> как переменную в скрипт (https://javascript.ru/forum/css-html/58397-kak-perenesti-znachenie-iz-select-kak-peremennuyu-v-skript.html)

Sparkingham 19.09.2015 14:25

Как перенести значение из <select> как переменную в скрипт
 
Здравствуй, всяк сие читающий. Не буду распинаться про то, что я полный нуб в скриптах, это и так ясно, просто попрошу вашей помощи)

У меня есть такая штука:

<form>
<p align="right"> <select name="dostoinstvo">
<option value="1">Туз</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">Валет</option>
<option value="12">Дама</option>
<option value="13">Король</option>
</select> </p>
<br><br><br>
<p><input type="submit" value="Сдавай!"></p>
</form>

Как мне сделать чтобы значение выбранной карты при нажатии "сдавай!" присваивалось переменной n и производило с ним дейстивие bgx=98*(n-1) и потом этот же bgx установить значением атрибуту top=bgx px? Так вообще сделать можно?

Заранее спасибо, надеюсь на вас!

sortarray 19.09.2015 14:58

<html>
<head>

</head>
<body>

<select id="s">
 <option value="1">1</option>
 <option value="2">2</option>
 <option value="3">3</option>
</select>
<button id="b">check</button>
<script>



b.onclick=function(){alert(eval(s.value)+1)}


</script>


</body>
</html>

Sparkingham 19.09.2015 19:41

Спасибо большое, вы очень помогли!
Вот бы еще вы подсказали как результат вывести не в алерт, а сделать из него значение background-position: left: n px?

sortarray 20.09.2015 08:00

Цитата:

Сообщение от Sparkingham
сделать из него значение background-position: left: n px?

<html>
<head>
<style>
   
</style>
</head>
<body>
<div id="img" style="height: 20px; background-image: url(http://javascript.ru/forum/images/smilies/smile.gif); background-repeat: no-repeat">
</div>


<select id="s">
 <option value="0">0</option>
 <option value="10">10</option>
 <option value="20">20</option>
</select>



<script>


var doSomethingWithValue=function(value){
  alert(value+5)
}

s.onchange=function(){
  var value=eval(this.value)
  doSomethingWithValue(value)
  img.style.backgroundPosition="left "+value+"px bottom 0px"
}

</script>

</body>
</html>

Sparkingham 20.09.2015 11:19

спасли жизнь, считай, премного благодарен!)


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