Вопрос по вёрстке(option, select)

[fullgod]

Здравствуйте!

Есть вопрос по вёрстке. Никак не могу решить.

Суть такая:

<select>
<option value="1">Стоимость сумма</option>
<option value="2">Стоимость сумма</option>
</select>

Нужно, что б "Стоимость" была по левому краю, а "сумма" была по правому краю.

Вроде всё просто, но никак не выходит( Помогите.

 

[McLay]

Используя   в нужных количества)
Либо замену select'а на js

 

[Raynor]

<table>
<tr><select>
<td><option value="1">Стоимость сумма</option></td>
<td><option value="2">Стоимость сумма</option></td>
</select></tr>
</table>

 

[fullgod]

Используя &nbsp; в нужных количества)
Либо замену select'а на js

Можно по-подробней по поводу варианта на js.

<table>
<tr><select>
<td><option value="1">Стоимость сумма</option></td>
<td><option value="2">Стоимость сумма</option></td>
</select></tr>
</table>

Не то.

По логике смысл такой:

<select>
<option value="1">
<table>
<tr>
<td align="left">Стоимость</td>
<td align="right">сумма</td>
</tr>
</table>
</option>
</select>

Но не работает такой вариант.

 

[SiZE]

Для того что бы использовать таблицы в select его надо подменить. Предлагаю более простое решение

<span id="cnt">Количество</span>
<select onchange="doMath( this );">
<option value="1">Стоимость 1</option>
<option value="2">Стоимость 2</option>
</select>
<span id="val">Сумма</val>
<script type="text/javascript">
var d = document;
function doMath ( obj ) {
 d.getElementById('val').value = d.getElementById('cnt').value * this.value
 return;
}
</script>

P.S. Количество и значения стоимостей заменить числами. На ошибки не проверял.

 

[fullgod]

Для того что бы использовать таблицы в select его надо подменить. Предлагаю более простое решение

<span id="cnt">Количество</span>
<select onchange="doMath( this );">
<option value="1">Стоимость 1</option>
<option value="2">Стоимость 2</option>
</select>
<span id="val">Сумма</val>
<script type="text/javascript">
var d = document;
function doMath ( obj ) {
 d.getElementById('val').value = d.getElementById('cnt').value * this.value
 return;
}
</script>

P.S. Количество и значения стоимостей заменить числами. На ошибки не проверял.

Не работает. Либо я что-то не так делаю.
Ниже пример того, что должно получиться.

 

[xshrek]

в такой ситуации лучше использовать элементы ul li вместо стандартного select, а поведение их уже реализовать на JS