Jump to content
  • 0

Select подскажите пожалуйста


sgraf
 Share

Question

сделал раскрывающийся список со шрифтами рядом есть img, которая показывает эти шрифты. Не могу никак сделать, чтобы изменялась img на onmouseover. получилось только на клик. Подскажите пожалуйста как привязать выплывающую картинку к строке option...

Link to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 0

Как я поняла, тебе нужно, чтобы при выборе элемента списка менялась картинка? Если так, то надо использовать свойство onChange для списка. Например, я отображаю поле для ввода, если выбран нужный пункт select

Вот html-код.

<select class="YN" name="sel1" onChange="change_Elem(this[this.selectedIndex],'Другой','OtherTypeStan')">
<option value="фрезерный" selected>Фрезерный</option>
<option value="Токарный (карусельный)">Токарный (карусельный)</option>
<option value="Другой">Другой</option>
</select>
<input id="OtherTypeStan" style="display:none;" class="" type="text" name="part2[OtherType]" size=30>

А это функция.

function change_Elem(sel,need_Text,need_id){
//sel - выбранный пункт списка
//need_Text - текст, с которым идет сравнение
//need_id - ID элемента, который нужно отобразить

//если выбранный пункт меню равен требуемому тексту
var inp1 = document.getElementById(need_id);

if (need_Text == sel.text){
//отображаем поле ввода
inp1.style.display = '';
}else{
//скрываем поле ввода
inp1.style.display = 'none';
}
}

Можешь взять за основу. Надеюсь, поможет.

Link to comment
Share on other sites

  • 0

Большое спасибо. Это впринципе помогло, но можно ли сделать onchange не для select, а для option - наглядный пример - выбор шрифта в офисе от майкрософта. У меня не получилось. Заранее благодарен.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy