| |
|
|
| | Может мой вопрос не в эту тему, может ближе к скриптам, но вопрос в том, что
есть список выпадающий, например со значениями (да, нет, не знаю), как сделать чтобы при выборе значения "да" из списка на странице сразу появилось доп. поле для ввода данных....(не нажимая никаких кнопок) .... | |
| |
|
|
| |
|
|
| |
для: lilu
(11.04.2007 в 16:53)
| | | javascript или лучше Ajax | |
| |
|
|
| |
|
|
| |
для: Ressfourt
(11.04.2007 в 17:29)
| | | может подскажите где примерчик глянуть | |
| |
|
|
| |
|
|
| |
для: lilu
(11.04.2007 в 16:53)
| | | Скорее в вашем случае Аякс не нужен
Посмотрите вот этот скрипт может что пригодиться.
<html>
<head>
<title>Changing Options On The Fly</title>
<script type="text/javascript" language="JavaScript">
// flag to reload page for older NNs
var isPreNN6 = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) <= 4);
// initialize color list arrays
plainList = new Array(6);
hardList = new Array(6);
plainList[0] = "cyan";
hardList[0] = "#00FFFF";
plainList[1] = "magenta";
hardList[1] = "#FF00FF";
plainList[2] = "yellow";
hardList[2] = "#FFFF00";
plainList[3] = "lightgoldenrodyellow";
hardList[3] = "#FAFAD2";
plainList[4] = "salmon";
hardList[4] = "#FA8072";
plainList[5] = "dodgerblue";
hardList[5] = "#1E90FF";
// change color language set
function setLang(which) {
var listObj = document.forms[0].colors;
// filter out old browsers
if (listObj.type) {
// find out if it's 3 or 6 entries
var listLength = listObj.length;
// save selected index
var currSelected = listObj.selectedIndex;
// replace individual existing entries
for (var i = 0; i < listLength; i++) {
if (which == "plain") {
listObj.options[i].text = plainList[i];
} else {
listObj.options[i].text = hardList[i];
}
}
if (isPreNN6) {
history.go(0);
} else {
listObj.selectedIndex = currSelected;
}
}
}
// create entirely new options list
function setCount(choice) {
var listObj = document.forms[0].colors;
// filter out old browsers
if (listObj.type) {
// get language setting
var lang = (document.forms[0].geekLevel[0].checked) ? "plain" : "hard";
// empty options from list
listObj.length = 0;
// create new option object for each entry
for (var i = 0; i < choice.value; i++) {
if (lang == "plain") {
listObj.options[i] = new Option(plainList[i]);
} else {
listObj.options[i] = new Option(hardList[i]);
}
}
listObj.options[0].selected = true;
if (isPreNN6) {
history.go(0);
}
}
}
</script>
</head>
<body>
<h1>Flying Select Options</h1>
<form>
Choose a palette size: <input type="radio" name="paletteSize"
value="3" onclick="setCount(this)" checked="checked" />Three <input
type="radio" name="paletteSize" value="6"
onclick="setCount(this)" />Six
<p>Choose geek level: <input type="radio" name="geekLevel" value=""
onclick="setLang('plain')" checked="checked" />Plain-language
<input type="radio" name="geekLevel" value=""
onclick="setLang('hard')" />Gimme hex-triplets!</p>
<p>Select a color: <select name="colors">
<option selected="selected">cyan</option>
<option>magenta</option>
<option>yellow</option>
</select></p>
</form>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: Valick
(11.04.2007 в 22:08)
| | | Да и обновление страницы вам никчему... Аякс для этого и придумали | |
| |
|
|
| |
|
|
| |
для: Valick
(11.04.2007 в 22:11)
| | | И вот ещё
<html>
<head>
<title>Checkbox Event Handler</title>
<style type="text/css">
#monGroup {visibility:hidden}
#comGroup {visibility:hidden}
</style>
<script type="text/javascript">
// toggle visibility of a main group spans
function toggle(chkbox, group) {
var visSetting = (chkbox.checked) ? "visible" : "hidden";
document.getElementById(group).style.visibility = visSetting;
}
// swap display of communications sub group spans
function swap(radBtn, group) {
var modemsVisSetting = (group == "modems") ? ((radBtn.checked) ? "" : "none") : "none";
var netwksVisSetting = (group == "netwks") ? ((radBtn.checked) ? "" : "none") : "none";
document.getElementById("modems").style.display = modemsVisSetting;
document.getElementById("netwks").style.display = netwksVisSetting;
}
</script>
</head>
<body>
<form>
<h3>Check all accessories for your computer:</h3>
<table border="2" cellpadding="5">
<tr>
<td><input type="checkbox" name="monitor"
onclick="toggle(this, 'monGroup')" />Monitor</td>
<td><span id="monGroup"><input type="radio"
name="monitorType" />15" <input type="radio"
name="monitorType" />17" <input type="radio"
name="monitorType" />21" <input type="radio"
name="monitorType" />>21"</span></td>
</tr>
<tr>
<td><input type="checkbox" name="comms"
onclick="toggle(this, 'comGroup')" />Communications</td>
<td><span id="comGroup"><p><input type="radio" name="commType"
onclick="swap(this, 'modems')" />Modem <input type="radio"
name="commType" onclick="swap(this, 'netwks')" />Network</p>
<p><span id="modems" style="display:none"><input type="radio"
name="modemType" /><56kbps <input type="radio"
name="modemType" />56kbps <input type="radio"
name="modemType" />ISDN (any speed) <input type="radio"
name="modemType" />Cable</span> <span id="netwks"
style="display:none"><input type="radio"
name="netwkType" />Ethernet 10Mbps (10-Base T) <input
type="radio" name="netwkType" />Ethernet 100Mbps (10/100)
<input type="radio" name="netwkType" />T1 or
greater</span> </p></span></td>
</tr>
</table>
</form>
</body>
</html>
|
| |
| |
|
|
