Question

I’m starting over here…

This is generated….

<form name="ratePage">
<input id="service" type="text" value="Ground"><input id="rate" value="" type="text" size="6"><input type="submit" name="BtnAction" value="Select" onclick="SubmitValue();"><br>
<input id="service" type="text" value="3 Day Select"><input id="rate" value="" type="text" size="6"><input type="submit" name="BtnAction" value="Select" onclick="SubmitValue();"><br>
<input id="service" type="text" value="2nd Day Air"><input id="rate" value="" type="text" size="6"><input type="submit" name="BtnAction" value="Select" onclick="SubmitValue();"><br>
<input id="service" type="text" value="2nd Day Air AM"><input id="rate" value="" type="text" size="6"><input type="submit" name="BtnAction" value="Select" onclick="SubmitValue();"><br>
<input id="service" type="text" value="Next Day Air Saver"><input id="rate" value="" type="text" size="6"><input type="submit" name="BtnAction" value="Select" onclick="SubmitValue();"><br>
<input id="service" type="text" value="Next Day Air"><input id="rate" value="" type="text" size="6"><input type="submit" name="BtnAction" value="Select" onclick="SubmitValue();"><br>
<input id="service" type="text" value="Next Day Air (early AM)"><input id="rate" value="" type="text" size="6"><input type="submit" name="BtnAction" value="Select" onclick="SubmitValue();"><br></form>

From this…

<?php 
foreach($services as $name=>$value){
            $service = $value;
            $rate = $myRate->getRate($fromzip, $tozip, $service, $length, $width, $height, $weight);

            echo "<input id=\"service\" type=\"text\" value=\"$name\"><input id=\"rate\" value=\"$rate\" type=\"text\" size=\"6\"><input type=\"submit\" name=\"BtnAction\" value=\"Select\" onclick=\"SubmitValue();\"><br>\n";
        }
?>

The Output looks like this…

I want to turn this… (this is in the generated forms page)

<script language="javascript"> 

function SubmitValue(){
opener.document.orderForm.rate.value = document.ratePage.rate.value;
opener.document.orderForm.service.value = document.ratePage.service.value;
self.close();

</script>

Into a Jquery .live function that will copy ONLY the selected values from the selected row.

What would be the best way to do this?

Answer 1

First make each row look like:

<div>
    <input type="text" value="abc" class="service">
    <input class="rate" value="222" type="text" size="6">
    <input type="submit" name="BtnAction" class="submit" value="Select">
</div>

Then you can use

$('.submit').live('click', function(){
    var $this = $(this);
    opener.document.orderForm.rate.value = $this.siblings(".rate").val();
    opener.document.orderForm.service.value = $this.siblings(".service").val();
    self.close();
});