لماذا لا تضع المعلومات التي تريدها في مصفوفة وترجع لها حسب ال ID
هذا ما ستفعله في النهاية اذا كنت ستستعمل قاعدة بيانات
لماذا لا تضع المعلومات التي تريدها في مصفوفة وترجع لها حسب ال ID
هذا ما ستفعله في النهاية اذا كنت ستستعمل قاعدة بيانات
نعم ، صحيح ..
لكن كيف يمكن الغاء التأثير على أول شيء في القائمة ؟؟
يعني انا في بداية القائمة راح اضع نص : يرجى اختيار اسم من القائمة ..
وعند اختياره لا اريد ان يتم نسخ هذا النص الى الحقول ..
كيف يمكن ذلك ؟؟ خبرتي ضعيفة في الجافا سكربت .!
لكن اعتقد كلامك صحيح ، فالأفضل ان يكون في مصفوفة .!
هل يمكنكم شرح كيفية ذلك ؟؟ واكون شاكر لكم .!
__________________
استخدم خاصية تنبيه المشرفين للضرورة وعند ملاحظة موضوع يخالف قوانين منتديات سوالف وسيتم مراجعة الموضوع او المشاركة المبلغ عنها على الفور
شوف هذا الكود
هذا كل ما لدي
كود PHP:
<html>
<head>
<script type="text/javascript">
var data = new Array(
new Array('ahmad','palestine','programmer',20),
new Array('ali','saudi arabia','designer',21),
new Array('mohammad','egypt','seo expert',27),
new Array('omar','marocco','manager',30),
new Array('hasan','yemen','CEO',40)
);
function initPeopleList()
{
var peopleList = document.getElementById("people");
for(var i=0;i<data.length;i++)
{
var optn = document.createElement("OPTION");
optn.text = data[i][0];
optn.value = i;
people.options.add(optn);
}
displayData(0);
}
function selectPerson()
{
var current = document.getElementById("people").value;
displayData(current);
}
function displayData(id)
{
document.getElementById("fname").value = data[id][1];
document.getElementById("position").value =data[id][2];
document.getElementById("age").value =data[id][3];
}
</script>
</head>
<body onLoad="initPeopleList()">
<p>name<select name="people" id="people" onChange="javascript:selectPerson()" ></select></p>
<p>country<input type="text" name="fname" id="fname" /></p>
<p>position<input type="text" name="position" id="position" /></p>
<p>age<input type="text" name="age" id="age" /></p>
</body>
</html>
هذا لتحويل المصفوفة من php إلى جافاسكربت
وهو لا يظهر تحذير في الاكسبلورر
كود PHP:
<html>
<head>
<?php
$data = array(
array('ahmad','palestine','programmer',20),
array('ali','saudi arabia','designer',21),
array('mohammad','egypt','seo expert',27),
array('omar','marocco','manager',30),
array('hasan','yemen','CEO',40)
);
echo "<script> var phpData = '".json_encode($data)."';</script>";
?>
<script type="text/javascript">
var data;
function initPeopleList()
{
data = eval('(' + phpData + ')');
var peopleList = document.getElementById("people");
for(var i=0;i<data.length;i++)
{
var optn = document.createElement("OPTION");
optn.text = data[i][0];
optn.value = i;
people.options.add(optn);
}
displayData(0);
}
function selectPerson()
{
var current = document.getElementById("people").value;
displayData(current);
}
function displayData(id)
{
document.getElementById("fname").value = data[id][1];
document.getElementById("position").value =data[id][2];
document.getElementById("age").value =data[id][3];
}
</script>
</head>
<body onLoad="initPeopleList()">
<p>name<select name="people" id="people" onChange="javascript:selectPerson()" ></select></p>
<p>country<input type="text" name="fname" id="fname" /></p>
<p>position<input type="text" name="position" id="position" /></p>
<p>age<input type="text" name="age" id="age" /></p>
</body>
</html>
كود HTML:<FORM> <SELECT ONCHANGE="document.getElementById('inputone').value = this.options[this.selectedIndex].value; document.getElementById('inputtwo').value = this.options[this.selectedIndex].value;"> <OPTION VALUE="value one">value one <OPTION VALUE="value two">value two <OPTION VALUE="value three">value three <OPTION VALUE=">value four">value four </SELECT> <input type="text" name="inputA" id="inputone"> <input type="text" name="inputB" id="inputtwo"> </FORM>
تحياتي
^^
المفروض ان تكون القيم مختلفة
يعني ليست التي في القائمة المنسدلة