DO SKASOWANIA

Fluxor · Post autor: **Fluxor** » niedziela 24 lut 2013, 22:42

Zadanie jest jednym z ostatnich punktów rekrutacji do pracy. Znajomy z zagranicy ma z nim problem i potrzebuje pomocy do rana. Gdyby ktoś miał pomysł jak to zrealizować byłbym wdzięczny za informację. Może się to przyczynić do tego, że dostanie pracę.

Zadanie brzmi:

Using the following HTML write some Javascript/Jquery to do the following:

When values are entered into the edit boxes fill them into the dropdown input as options.
Sort the options in the drop down list into alphabetical order.
Fill the result span with the selected dropdown option once selected.

Kod: Zaznacz cały

<!-- saved from url=&#40;0022&#41;http&#58;//internet.e-mail -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
<html>

	<head>
		<script src="https&#58;//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
			
	</head>
	<body>
		<h1>Exercise 3</h1>
		<p>Using the following HTML write some Javascript/Jquery to do the following&#58;</p>
		<p>
			<ul>
				<li>When values are entered into the edit boxes fill them into the dropdown input as options.</li>
				<li>Sort the options in the drop down list into alphabetical order.</li>
				<li>Fill the result span with the selected dropdown option once selected.</li>
			</ul>
		</p>
		<p>
			<ol>
				<li><input id="text_1" /></li>
				<li><input id="text_2" /></li>
				<li><input id="text_3" /></li>
				<li><input id="text_4" /></li>
				<li><input id="text_5" /></li>
				<li><input id="text_6" /></li>
				<li><input id="text_7" /></li>
				<li><input id="text_8" /></li>
				<li><input id="text_9" /></li>
				<li><input id="text_10" /></li>
				<li><input id="text_11" /></li>
				<li><input id="text_12" /></li>
				<li><input id="text_13" /></li>
				<li><input id="text_14" /></li>
				<li><input id="text_15" /></li>
				<li><input id="text_16" /></li>
				<li><input id="text_17" /></li>
				<li><input id="text_18" /></li>
				<li><input id="text_19" /></li>
				<li><input id="text_20" /></li>
			</ol>
		</p>
		<p>
		<select>
			  <option value="1">alphabeticaly fill input options here</option>
		</select>
		</p>
		<p>
			Result&#58;<span> Fill selected option here</span>
		</p> 

	</body>
</html>

neutrinus

Zmień proszę temat, java i javascript to są dwie zupełnie różne rzeczy.

Z czym konkretnie znajomy ma problem?

Kod: Zaznacz cały

$&#40;'#field2'&#41;.change&#40; function&#40;&#41; &#123;

 ##dodajesz treść wykorzystując http&#58;//api.jquery.com/add/

&#125;

Fluxor · Post autor: **Fluxor** » poniedziałek 25 lut 2013, 15:49

Ma problem jak to ugryźć żeby działało tak jak jest to określone w zadaniu.

Na razie jedyne rozwiązanie, które opracował wygląda tak:

Kod: Zaznacz cały

<!-- saved from url=&#40;0022&#41;http&#58;//internet.e-mail -->
<HTML>
	<HEAD>
		<TITLE>cy</TITLE>
		<SCRIPT language="javascript">
function addCombo&#40;&#41; &#123;
	var textb = document.getElementById&#40;"txtCombo"&#41;;
	var combo = document.getElementById&#40;"combo"&#41;;
	
	var option = document.createElement&#40;"option"&#41;;
	option.text = textb.value;
	option.value = textb.value;
	try &#123;
		combo.add&#40;option, null&#41;; //Standard 
	&#125;catch&#40;error&#41; &#123;
		combo.add&#40;option&#41;; // IE only
	&#125;
	textb.value = "";
&#125;
</SCRIPT>
	</HEAD>
<BODY style="font-family&#58; sans-serif">

	

			
		 <input type="text" name="txtCombo" id="txtCombo"/><br>
		 <input type="text" name="txtCombo" id="txtCombo"/><br>
		 <input type="text" name="txtCombo" id="txtCombo"/><br>
		 <input type="text" name="txtCombo" id="txtCombo"/><br>
         <input type="text" name="txtCombo" id="txtCombo"/><br>
		 <input type="text" name="txtCombo" id="txtCombo"/><br>
		 <input type="text" name="txtCombo" id="txtCombo"/><br>
		 <input type="text" name="txtCombo" id="txtCombo"/><br>
         <input type="text" name="txtCombo" id="txtCombo"/><br>
		 <input type="text" name="txtCombo" id="txtCombo"/><br>
		 <input type="text" name="txtCombo" id="txtCombo"/><br>
		 <input type="text" name="txtCombo" id="txtCombo"/><br>
         <input type="text" name="txtCombo" id="txtCombo"/><br>
		 <input type="text" name="txtCombo" id="txtCombo"/><br>
		 <input type="text" name="txtCombo" id="txtCombo"/><br>
		 <input type="text" name="txtCombo" id="txtCombo"/><br>

			<input type="button" value="Add" onclick="addCombo&#40;&#41;">
			<br/>
            <select name="combo" id="combo">
            </select>
</BODY>
</HTML>

pralat · Post autor: **pralat** » poniedziałek 25 lut 2013, 16:32

... ale zadanie polega na napisanie kodu JS, bez modyfikacji przedstawionego html.

[ Dodano: 25 Luty 2013, 16:42 ]
Żeby nie było, że się wymądrzam, oto 2 pierwsze punkty zrobione:

Kod: Zaznacz cały

&#40;...&#41;
        <p>
            Result&#58;<span> Fill selected option here</span>
        </p>
<script>
$&#40;"input"&#41;.change&#40;function onTextChange&#40;&#41; &#123;
	
	items = new Array&#40;&#41;
	for &#40;i = 1; i <= 20; i++&#41; &#123;
		v = $&#40;"#text_" + i&#41;.val&#40;&#41;
		if &#40;v != ""&#41; &#123;
			items.push&#40;v&#41;
		&#125;
	&#125;
	items.sort&#40;&#41;
	$&#40;"select"&#41;.empty&#40;&#41;
	for &#40;i = 0; i < items.length; i++&#41; &#123;
		$&#40;"select"&#41;.append&#40;'<option>' + items&#91;i&#93; + '</option>'&#41;;
	&#125;
	
&#125;&#41;
</script>
</body>
</html>

3 punkt jest naprawdę prosty, jeżeli ktoś stara się o pracę programisty, to powinien to umieć zrobić.

Fluxor · Post autor: **Fluxor** » poniedziałek 25 lut 2013, 19:09

Ja tam się nie znam na tym. Tylko pytam czy ktoś umie pomóc w rozwiązaniu tego.

pralat · Post autor: **pralat** » poniedziałek 25 lut 2013, 20:03

No to myślę, że ten trzeci punkt (Fill the result span with the selected dropdown option once selected) już ogarnął Twój kumpel i sprawa jest załatwiona. Zakładam, że wiedział jak użyć tego co wkleiłem